/* RestoPOS tasarim tokenlari
   Renkler logodan turetilmistir: #1D1D1B (murekkep) + #EA0A2A (marka kirmizisi)
   Bu dosya renk tanimlayan TEK dosyadir. Baska hicbir CSS'te hex bulunmaz. */

:root {
  /* --- Marka kirmizisi --- */
  --red-50:  #FEF0F2;
  --red-100: #FDDDE2;
  --red-200: #FBBBC4;
  --red-300: #F98092;
  --red-400: #F73B56;
  --red-500: #F51434;
  --red-600: #EB0A2A;  /* birincil: buton zemini, CTA, ikon */
  --red-700: #BD0F28;  /* beyaz uzerinde kucuk metin (6.44:1) */
  --red-800: #911224;
  --red-900: #68121F;

  /* --- Notr: logonun siyahinin tonundan (60deg, sicak gri) --- */
  --n-50:  #FAFAF9;
  --n-100: #F6F6F4;
  --n-200: #E9E9E7;
  --n-300: #D6D6D1;
  --n-400: #A8A89F;
  --n-500: #7B7B6F;
  --n-600: #606057;  /* ikincil metin (6.35:1) */
  --n-700: #484841;
  --n-800: #30302C;
  --n-900: #1D1D1B;  /* govde metni (16.88:1) */

  --beyaz: #FFFFFF;

  /* --- Perde: kirmizidan maviye, oradan murekkebe gecen yikama ---
     Uc guc kademesi var. Kural: HERO en guclu olan, digerleri onun yankisi.
     Ayni aciyla (96deg) ilerler ki sayfa boyunca tek bir isik yonu hissi olsun.
     Yalnizca KOYU yuzeylerde kullanilir; acik bolumlerde asla. */
  --perde-mavi: #525C81;

  /* Hero: fotograf uzerinde, tam guc */
  --perde-guclu: linear-gradient(96deg,
      color-mix(in srgb, var(--red-600)    28%, transparent)   0%,
      color-mix(in srgb, var(--perde-mavi) 99%, transparent)  30%,
      color-mix(in srgb, var(--zemin-koyu) 70%, transparent)  52%,
      color-mix(in srgb, var(--zemin-koyu) 38%, transparent)  74%,
      color-mix(in srgb, var(--zemin-koyu) 30%, transparent) 100%);

  /* Koyu CTA bantlari: hero'nun yankisi, belirgin ama one gecmez */
  --perde-orta: linear-gradient(96deg,
      color-mix(in srgb, var(--red-600)    16%, transparent)   0%,
      color-mix(in srgb, var(--perde-mavi) 34%, transparent)  34%,
      color-mix(in srgb, var(--zemin-koyu)  0%, transparent)  72%,
      color-mix(in srgb, var(--zemin-koyu)  0%, transparent) 100%);

  /* Acik yuzeyler (mega menu): beyaz uzerinde cok hafif yikama.
     Diger uc kademe koyu zemin icindi; bu, ayni gecisi acik zeminde verir. */
  --perde-acik: linear-gradient(96deg,
      color-mix(in srgb, var(--red-600)     6%, transparent)   0%,
      color-mix(in srgb, var(--perde-mavi)  8%, transparent)  36%,
      transparent                                             74%,
      transparent                                            100%);

  /* Footer: yalnizca bir ima, farkina varilmadan hissedilir */
  --perde-hafif: linear-gradient(96deg,
      color-mix(in srgb, var(--red-600)     8%, transparent)   0%,
      color-mix(in srgb, var(--perde-mavi) 14%, transparent)  38%,
      color-mix(in srgb, var(--zemin-koyu)  0%, transparent)  78%,
      color-mix(in srgb, var(--zemin-koyu)  0%, transparent) 100%);

  /* --- Anlamsal --- */
  --zemin:          var(--beyaz);
  --zemin-alt:      var(--n-50);
  --zemin-vurgu:    var(--red-50);
  --zemin-koyu:     var(--n-900);
  --metin:          var(--n-900);
  --metin-ikincil:  var(--n-600);
  --metin-soluk:    var(--n-500);
  --metin-ters:     var(--beyaz);
  --kenarlik:       var(--n-200);
  --kenarlik-koyu:  var(--n-300);
  --vurgu:          var(--red-600);
  --vurgu-koyu:     var(--red-700);

  /* --- Tipografi --- */
  --font-baslik: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-govde:  "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:   ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.375rem;
  --fs-2xl:  1.75rem;
  --fs-3xl:  2.25rem;
  --fs-4xl:  3rem;

  --lh-sikisik: 1.15;
  --lh-normal:  1.5;
  --lh-genis:   1.7;

  /* --- Radius: ust sinir 8px --- */
  --r-xs: 3px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;

  /* --- Bosluk: 4px tabanli --- */
  --b-1: 4px;   --b-2: 8px;   --b-3: 12px;  --b-4: 16px;
  --b-6: 24px;  --b-8: 32px;  --b-12: 48px; --b-16: 64px; --b-24: 96px;

  /* --- Golge --- */
  --sh-sm: 0 1px 2px rgba(29, 29, 27, .06);
  --sh-md: 0 1px 2px rgba(29, 29, 27, .06), 0 8px 20px -14px rgba(29, 29, 27, .30);
  --sh-lg: 0 2px 4px rgba(29, 29, 27, .05), 0 16px 32px -18px rgba(29, 29, 27, .38);

  /* --- Duzen --- */
  --genislik-icerik: 1200px;
  --genislik-metin:  68ch;
  --gecis: 160ms ease;
}

/* Karanlik mod altyapisi - v1'de devre disi (spec §8.4).
   Etkinlestirmek icin asagidaki blogun yorumunu kaldirin.

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --zemin: var(--n-900);
    --zemin-alt: var(--n-800);
    --zemin-vurgu: var(--red-900);
    --zemin-koyu: var(--beyaz);
    --metin: var(--n-50);
    --metin-ikincil: var(--n-300);
    --metin-soluk: var(--n-400);
    --metin-ters: var(--n-900);
    --kenarlik: var(--n-700);
    --kenarlik-koyu: var(--n-600);
    --vurgu: var(--red-400);
    --vurgu-koyu: var(--red-300);
  }
}
*/