/* Hallmark · tokens · project: Yadigâr Türk Kahvesi
 * theme: custom (vibe: "odun ateşi, altın tel, miras sükûneti")
 * paper (dark) oklch(15% 0.012 62) · accent oklch(78% 0.132 84) warm
 * display: Fraunces (roman) · body: IBM Plex Sans
 * axes — paper-band: dark · display-style: high-contrast-serif · accent-hue: warm
 *
 * Bu dosya sistemin tek kaynağıdır. style.css hiçbir ham renk/font değeri
 * içermez; yalnızca buradaki isimlere referans verir.
 */

:root {
  /* ---- Type families (2 aile — tavan aşılmıyor) ---- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, "Segoe UI", Roboto, sans-serif;

  /* ---- Type scale · 1.25 major third ---- */
  --text-2xs: 0.6875rem;   /* 11px  — yalnız etiket */
  --text-xs: 0.75rem;      /* 12px  */
  --text-sm: 0.8125rem;    /* 13px  */
  --text-base: 1rem;       /* 16px  */
  --text-md: 1.125rem;     /* 18px  */
  --text-lg: 1.375rem;     /* 22px  */
  --text-xl: 1.75rem;      /* 28px  */
  --text-2xl: 2.25rem;     /* 36px  */
  --text-3xl: 2.875rem;    /* 46px  */
  --text-display: clamp(2.5rem, 4.4vw + 1rem, 4.75rem);
  --text-display-s: clamp(1.9rem, 3vw + 0.9rem, 3.15rem);

  /* ---- Line heights ---- */
  --lh-display: 1.06;
  --lh-tight: 1.18;
  --lh-body: 1.62;
  --lh-loose: 1.8;

  /* ---- Tracking ---- */
  --track-display: -0.022em;
  --track-tight: -0.012em;
  --track-label: 0.14em;
  --track-wordmark: 0.2em;

  /* ---- Spacing · 4pt ---- */
  --space-3xs: 0.125rem;   /*   2px */
  --space-2xs: 0.25rem;    /*   4px */
  --space-xs: 0.5rem;      /*   8px */
  --space-sm: 0.75rem;     /*  12px */
  --space-md: 1rem;        /*  16px */
  --space-lg: 1.5rem;      /*  24px */
  --space-xl: 2.5rem;      /*  40px */
  --space-2xl: 4rem;       /*  64px */
  --space-3xl: 6rem;       /*  96px */
  --space-4xl: 9rem;       /* 144px */

  /* ---- Measure ---- */
  --measure: 66ch;
  --measure-narrow: 52ch;
  --shell: 78rem;
  --shell-narrow: 46rem;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);

  /* ---- Rules · hairline dili ---- */
  --rule-hair: 1px;
  --rule-thick: 2px;

  /* ---- Radius · neredeyse dik. Lüks yuvarlaklıktan gelmez. ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  /* ---- Z ölçeği · altı adlandırılmış seviye ---- */
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-sticky-nav: 300;
  --z-modal: 400;
  --z-toast: 500;

  /* ---- Ölçü sabitleri ---- */
  --mast-height: 4.5rem;

  /* ======================================================================
     DARK · varsayılan tema (kavrulmuş çekirdek zemini)
     ====================================================================== */
  --color-paper: oklch(15% 0.012 62);
  --color-paper-2: oklch(19% 0.014 62);
  --color-paper-3: oklch(24% 0.016 64);
  --color-paper-4: oklch(29% 0.018 66);

  --color-ink: oklch(94% 0.012 88);
  --color-ink-2: oklch(80% 0.014 84);
  --color-muted: oklch(66% 0.014 80);
  --color-faint: oklch(52% 0.012 74);

  --color-rule: oklch(32% 0.014 66);
  --color-rule-strong: oklch(42% 0.018 70);

  --color-accent: oklch(78% 0.132 84);
  --color-accent-text: oklch(82% 0.125 86);
  --color-accent-ink: oklch(17% 0.020 68);
  --color-accent-soft: oklch(78% 0.132 84 / 0.13);
  --color-accent-hair: oklch(78% 0.132 84 / 0.28);

  --color-forest: oklch(33% 0.078 158);
  --color-forest-deep: oklch(21% 0.048 160);
  --color-forest-ink: oklch(95% 0.014 92);
  --color-forest-rule: oklch(95% 0.014 92 / 0.18);
  --color-forest-faint: oklch(95% 0.014 92 / 0.62);

  --color-focus: oklch(80% 0.150 86);

  --color-product-bed: oklch(95% 0.008 88);
  --color-product-bed-ink: oklch(52% 0.014 74);

  --color-success: oklch(72% 0.132 152);
  --color-success-soft: oklch(72% 0.132 152 / 0.14);
  --color-danger: oklch(66% 0.170 28);
  --color-danger-soft: oklch(66% 0.170 28 / 0.14);
  --color-warning: oklch(78% 0.140 68);
  --color-warning-soft: oklch(78% 0.140 68 / 0.14);
  --color-whatsapp: oklch(72% 0.170 152);
  --color-whatsapp-ink: oklch(16% 0.020 150);

  --shadow-whisper: 0 1px 2px oklch(8% 0.010 60 / 0.5);
  --shadow-raised: 0 10px 30px oklch(8% 0.010 60 / 0.55);
  --shadow-mark: drop-shadow(0 18px 44px oklch(8% 0.010 60 / 0.5));
  --scrim: oklch(10% 0.012 60 / 0.72);

  /* Köz tuvali — canvas 2D bağlamı için RGB üçlüleri (oklch() canvas'ta güvenilir değil).
     JS bunları getComputedStyle ile okur; ham değer JS içinde yaşamaz. */
  --ember-core: 255, 178, 72;
  --ember-dim: 206, 126, 44;
  --ember-smoke: 150, 126, 96;
  --ember-alpha: 0.5;

  /* Aroma pusulası — aynı gerekçe, aynı sözleşme. */
  --radar-grid: 120, 104, 84;
  --radar-line: 236, 178, 84;
  --radar-dot: 255, 202, 116;
  --radar-label: 178, 160, 138;

  /* ---- Fotoğraf üstü katman (hero bandı) ------------------------------
     Hero, her iki temada da koyu bir fotoğraf bandıdır: aydınlık temada da
     zemin fotoğraf olduğu için mürekkep açık kalmalı. Bu yüzden bu grup
     :root'ta tanımlanır ve light bloğunda ÖZELLİKLE ezilmez. */
  --color-onphoto-ink: oklch(97% 0.010 90);
  --color-onphoto-ink-2: oklch(88% 0.012 86);
  --color-onphoto-muted: oklch(76% 0.014 82);
  --color-onphoto-accent: oklch(82% 0.128 86);
  --color-onphoto-rule: oklch(97% 0.010 90 / 0.22);
  --color-onphoto-hair: oklch(82% 0.128 86 / 0.42);
  --color-onphoto-panel: oklch(14% 0.012 60 / 0.55);
  /* Fotoğrafın üstündeki okunabilirlik perdesi — metnin bulunduğu yönden koyar. */
  --hero-scrim: linear-gradient(
    100deg,
    oklch(10% 0.012 60 / 0.94) 0%,
    oklch(10% 0.012 60 / 0.82) 34%,
    oklch(10% 0.012 60 / 0.45) 62%,
    oklch(10% 0.012 60 / 0.30) 100%
  );
  --hero-scrim-foot: linear-gradient(
    to bottom,
    transparent 55%,
    oklch(10% 0.012 60 / 0.55) 100%
  );

  /* ---- Eski token takma adları ----------------------------------------
     v2'nin app.js/admin.js markup'ı satır içi style'larda eski isimleri
     kullanıyor. Markup'a dokunmamak için bunlar yeni sisteme eşlenir.
     Yeni kod bunları KULLANMAMALI; yalnız geriye dönük uyum içindir. */
  --green-primary: var(--color-accent-text);
  --gold-primary: var(--color-accent);
  --gold-dark: var(--color-accent-text);
  --danger: var(--color-danger);
  --white: var(--color-paper-2);
  --cream-dark: var(--color-paper-3);
  --text-dark: var(--color-ink);
  --text-body: var(--color-ink-2);
  --text-light: var(--color-muted);
}

/* ======================================================================
   LIGHT · açık krem tema
   ====================================================================== */
:root[data-theme="light"] {
  --color-paper: oklch(97.5% 0.012 88);
  --color-paper-2: oklch(94.5% 0.016 86);
  --color-paper-3: oklch(91% 0.018 84);
  --color-paper-4: oklch(87.5% 0.020 84);

  --color-ink: oklch(22% 0.022 62);
  --color-ink-2: oklch(36% 0.020 64);
  --color-muted: oklch(48% 0.018 68);
  --color-faint: oklch(62% 0.016 74);

  --color-rule: oklch(85% 0.018 84);
  --color-rule-strong: oklch(74% 0.022 82);

  --color-accent: oklch(62% 0.135 78);
  --color-accent-text: oklch(52% 0.125 74);
  --color-accent-ink: oklch(98% 0.008 90);
  --color-accent-soft: oklch(62% 0.135 78 / 0.12);
  --color-accent-hair: oklch(62% 0.135 78 / 0.34);

  --color-forest: oklch(39% 0.095 157);
  --color-forest-deep: oklch(27% 0.068 158);
  --color-forest-ink: oklch(97% 0.012 92);
  --color-forest-rule: oklch(97% 0.012 92 / 0.20);
  --color-forest-faint: oklch(97% 0.012 92 / 0.66);

  --color-focus: oklch(52% 0.160 76);

  --color-product-bed: oklch(98% 0.006 88);
  --color-product-bed-ink: oklch(58% 0.014 74);

  --color-success: oklch(50% 0.130 152);
  --color-success-soft: oklch(50% 0.130 152 / 0.12);
  --color-danger: oklch(50% 0.180 28);
  --color-danger-soft: oklch(50% 0.180 28 / 0.10);
  --color-warning: oklch(56% 0.140 62);
  --color-warning-soft: oklch(56% 0.140 62 / 0.12);
  --color-whatsapp: oklch(58% 0.160 152);
  --color-whatsapp-ink: oklch(99% 0.006 150);

  --shadow-whisper: 0 1px 2px oklch(30% 0.020 70 / 0.08);
  --shadow-raised: 0 12px 34px oklch(30% 0.020 70 / 0.14);
  --shadow-mark: drop-shadow(0 16px 40px oklch(30% 0.020 70 / 0.18));
  --scrim: oklch(22% 0.020 62 / 0.55);

  --ember-core: 196, 122, 32;
  --ember-dim: 158, 104, 36;
  --ember-smoke: 176, 158, 132;
  --ember-alpha: 0.3;

  --radar-grid: 198, 184, 158;
  --radar-line: 150, 98, 16;
  --radar-dot: 112, 74, 12;
  --radar-label: 104, 88, 62;
}