/* ModulerMenu · tasarım token'ları
   Palet = renk ailesi ([data-palette]), mod = açık/koyu ([data-mode]), tema = yapı ([data-theme]).
   Yeni palet eklemek için tek satır yeterli: nötr ton (--h/--s) + vurgu tonu (--ah/--as). */

@font-face { font-family: "Gloock"; src: url("/fonts/gloock-regular.woff2") format("woff2"); font-display: swap; }
/* Gloock'taki ₺ glifi "Ł" gibi görünür: yalnızca bu karakter Onest'ten alınır (başlık yazı tipi yığınının başında). */
@font-face { font-family: "LiraFix"; src: url("/fonts/onest-variable.woff2") format("woff2"); font-weight: 100 900; unicode-range: U+20BA; font-display: swap; }
@font-face { font-family: "Onest"; src: url("/fonts/onest-variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
/* Poppins ("Canlı" teması): yalnızca o tema seçilince indirilir. latin-ext, Türkçe karakterler ve ₺ için gereklidir. */
@font-face { font-family: "Poppins"; font-weight: 400; font-display: swap; src: url("/fonts/poppins-latin-ext-400.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-weight: 400; font-display: swap; src: url("/fonts/poppins-latin-400.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Poppins"; font-weight: 500; font-display: swap; src: url("/fonts/poppins-latin-ext-500.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-weight: 500; font-display: swap; src: url("/fonts/poppins-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("/fonts/poppins-latin-ext-600.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("/fonts/poppins-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Poppins"; font-weight: 700; font-display: swap; src: url("/fonts/poppins-latin-ext-700.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-weight: 700; font-display: swap; src: url("/fonts/poppins-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ── Paletler ─────────────────────────────────────────────────────────── */
:root, [data-palette="vellen"]  { --h: 34;  --s: 30%; --ah: 8;   --as: 62%; }   /* krem + kiraz kırmızısı */
[data-palette="gece"]           { --h: 224; --s: 32%; --ah: 41;  --as: 54%; }   /* lacivert + altın */
[data-palette="zeytin"]         { --h: 84;  --s: 20%; --ah: 96;  --as: 38%; }   /* adaçayı + zeytin yeşili */
[data-palette="mocha"]          { --h: 24;  --s: 24%; --ah: 24;  --as: 56%; }   /* süt kahvesi + bakır */
[data-palette="okyanus"]        { --h: 200; --s: 30%; --ah: 186; --as: 64%; }   /* deniz buğusu + turkuaz */
[data-palette="gul"]            { --h: 346; --s: 28%; --ah: 340; --as: 56%; }   /* pudra + gül */
/* Aşağıdakiler vurgu parlaklığını (--al açık mod, --ad koyu mod) kendileri ayarlar; yazı kontrastı ≥ 4,5:1 */
[data-palette="lavanta"]        { --h: 268; --s: 22%; --ah: 272; --as: 40%; }                /* lila + erik */
[data-palette="safran"]         { --h: 42;  --s: 36%; --ah: 40;  --as: 94%; --al: 26%; --ad: 60%; }   /* krem + safran */
[data-palette="grafit"]         { --h: 215; --s: 9%;  --ah: 17;  --as: 88%; --ad: 64%; }     /* gri + turuncu */
[data-palette="orman"]          { --h: 150; --s: 16%; --ah: 154; --as: 46%; --al: 30%; --ad: 62%; }   /* sis + orman yeşili */

/* ── Modlar ───────────────────────────────────────────────────────────── */
:root, [data-mode="light"] {
    color-scheme: light;
    --bg: hsl(var(--h) var(--s) 93%);
    --surface: hsl(var(--h) var(--s) 97%);
    --surface-2: hsl(var(--h) var(--s) 89%);
    --text: hsl(var(--h) 34% 11%);
    --muted: hsl(var(--h) 12% 34%);
    --line: hsl(var(--h) 24% 12% / .13);
    --accent: hsl(var(--ah) var(--as) var(--al, 36%));
    --accent-soft: hsl(var(--ah) var(--as) var(--al, 36%) / .11);
    --on-accent: #fff;
    --ok: #2f6f45;
    --shadow: 0 1px 2px hsl(var(--h) 30% 10% / .06), 0 8px 24px -12px hsl(var(--h) 30% 10% / .22);
    --scrim: hsl(var(--h) 30% 8% / .55);
}

[data-mode="dark"] {
    color-scheme: dark;
    --bg: hsl(var(--h) calc(var(--s) * .75) 7.5%);
    --surface: hsl(var(--h) calc(var(--s) * .75) 11.5%);
    --surface-2: hsl(var(--h) calc(var(--s) * .75) 16%);
    --text: hsl(var(--h) 26% 93%);
    --muted: hsl(var(--h) 12% 68%);
    --line: hsl(var(--h) 26% 92% / .14);
    --accent: hsl(var(--ah) calc(var(--as) * 1.1) var(--ad, 66%));
    --accent-soft: hsl(var(--ah) var(--as) var(--ad, 66%) / .14);
    --on-accent: hsl(var(--h) 40% 8%);
    --ok: #86c796;
    --shadow: 0 1px 2px #0006, 0 12px 28px -14px #000a;
    --scrim: hsl(var(--h) 30% 4% / .7);
}

/* ── Ortak ölçüler ────────────────────────────────────────────────────── */
:root {
    --font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-display: "LiraFix", "Gloock", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --ease: cubic-bezier(.16, 1, .3, 1);
}