/* DURUM ODASI — tasarim tokenlari.
 * Iki malzeme: "Gece Vardiyasi" (koyu) ve "Gunduz Brifingi" (acik).
 * Renk anlami kisiye goredir: --dost senin tarafin, --hasim tehlike.
 */

@property --accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #4DB6F0;
}

:root {
  color-scheme: dark;
  /* yuzeyler */
  --bg-0: #0A0E13;
  --bg-1: #0F151C;
  --bg-2: #18212B;
  --bg-3: #1E2834;
  --line-1: #1A232D;
  --line-2: #263241;
  --line-3: #3C4C5E;
  --line-ctl: #5E7287;
  --ink-1: #E6EDF3;
  --ink-2: #A9B6C3;
  --ink-3: #93A1AF;
  --ink-4: #8190A0;
  /* anlam */
  --dost: #4DB6F0;  --dost-ink: #06121B;  --dost-wash: rgb(77 182 240 / .14);
  --hasim: #FF5A4F; --hasim-ink: #1A0605; --hasim-wash: rgb(255 90 79 / .14);
  --dikkat: #F2B544; --dikkat-wash: rgb(242 181 68 / .16);
  --alt: #B394FF;   --alt-wash: rgb(179 148 255 / .14);
  --onay: #7ED67F;
  --accent: var(--dost);
  /* hamle siniflari */
  --c-book: #9AA8B8; --c-brilliant: #2ED3B0; --c-great: #8E9EFF; --c-best: #7ED67F;
  --c-excellent: #A9D46A; --c-good: #A3ACB5; --c-forced: #8C949C;
  --c-inaccuracy: #F2C14E; --c-mistake: #FF9B45; --c-blunder: #FF5A4F;
  /* degerlendirme */
  --eval-w: #C9D3DC; --eval-b: #0B1016; --eval-line: #E6EDF3;
  /* tahta: Kum Masasi (karanlik odada %10 kisik) */
  --sq-l: #CFC3A6; --sq-d: #8F7B58; --coord-l: #4A3D25; --coord-d: #F3ECDC;
  /* isik */
  --lamp: radial-gradient(ellipse 62% 54% at 50% 42%, rgb(242 181 68 / .07), transparent 70%);
  --grain-opacity: .035;
  --grid-line: rgb(133 147 161 / .05);
  /* yukseklik */
  --e1: inset 0 1px 0 rgb(255 255 255 / .03);
  --e2: 0 0 0 1px var(--line-2), 0 16px 40px -12px rgb(0 0 0 / .65);
  --e3: 0 0 0 1px var(--line-3), 0 32px 80px -16px rgb(0 0 0 / .75);
  --e-board: 0 0 0 1px var(--line-3), 0 24px 60px -30px rgb(0 0 0 / .8);

  /* tipografi */
  --f-sans: "Figurine", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-cond: "IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;
  --f-mono: "Figurine", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-serif: "Figurine", "IBM Plex Serif", "Iowan Old Style", Georgia, serif;
  --fs-micro: 11px; --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-prose: 16px;
  --fs-md: 18px; --fs-lg: 22px; --fs-xl: 28px; --fs-2xl: 40px; --fs-display: 72px;

  /* aralik (4px taban) */
  --s-0: 2px; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 48px; --s-10: 64px;
  /* koseler: bilerek kare, belge/alet gibi */
  --r-0: 0; --r-1: 2px; --r-2: 4px; --r-3: 6px; --r-pill: 999px;

  /* hareket */
  --t-instant: 80ms; --t-fast: 120ms; --t-base: 180ms; --t-panel: 240ms;
  --t-view: 320ms; --t-choreo: 480ms; --t-signature: 900ms;
  --e-standard: cubic-bezier(.2, 0, 0, 1);
  --e-decel: cubic-bezier(.05, .7, .1, 1);
  --e-accel: cubic-bezier(.3, 0, .8, .15);
  --e-inout: cubic-bezier(.65, 0, .35, 1);
  --e-piece: cubic-bezier(.22, .9, .3, 1);
  --e-overshoot: cubic-bezier(.34, 1.4, .64, 1);

  --rail: 72px;
  --strip: 36px;
}

/* Gunduz Brifingi: basili brifing kagidi */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="gece"]) { color-scheme: light; }
  :root:not([data-theme="gece"]) {
    --bg-0: #EDE9DF; --bg-1: #FAF8F3; --bg-2: #FFFFFF; --bg-3: #F1EEE5;
    --line-1: #EAE5D9; --line-2: #DDD6C6; --line-3: #C4BBA6; --line-ctl: #8C8472;
    --ink-1: #1A1D21; --ink-2: #4A5058; --ink-3: #62686F; --ink-4: #6B6660;
    --dost: #0A68AD; --dost-ink: #FFFFFF; --dost-wash: rgb(10 104 173 / .10);
    --hasim: #B23128; --hasim-ink: #FFFFFF; --hasim-wash: rgb(194 53 43 / .10);
    --dikkat: #855A00; --dikkat-wash: rgb(224 165 48 / .18);
    --alt: #6646C8; --alt-wash: rgb(102 70 200 / .10);
    --onay: #276F30;
    --c-book: #5B6878; --c-brilliant: #087A65; --c-great: #3F55D6; --c-best: #2C7F36;
    --c-excellent: #4F7419; --c-good: #686F76; --c-forced: #6E747A;
    --c-inaccuracy: #966A00; --c-mistake: #B85400; --c-blunder: #C2352B;
    --eval-w: #F4F1EA; --eval-b: #3A3F46; --eval-line: #1A1D21;
    --sq-l: #E4D9BF; --sq-d: #A08B66; --coord-l: #5A4A2E; --coord-d: #FBF6EA;
    --lamp: none; --grain-opacity: .03; --grid-line: rgb(10 104 173 / .045);
    --e1: 0 1px 0 rgb(26 29 33 / .04);
    --e2: 0 0 0 1px var(--line-2), 0 12px 32px -14px rgb(62 48 20 / .28);
    --e3: 0 0 0 1px var(--line-3), 0 32px 80px -16px rgb(62 48 20 / .34);
    --e-board: 0 0 0 1px var(--line-3), 0 18px 40px -24px rgb(62 48 20 / .35);
  }
}
:root[data-theme="gunduz"] {
  color-scheme: light;
  --bg-0: #EDE9DF; --bg-1: #FAF8F3; --bg-2: #FFFFFF; --bg-3: #F1EEE5;
  --line-1: #EAE5D9; --line-2: #DDD6C6; --line-3: #C4BBA6; --line-ctl: #8C8472;
  --ink-1: #1A1D21; --ink-2: #4A5058; --ink-3: #62686F; --ink-4: #6B6660;
  --dost: #0A68AD; --dost-ink: #FFFFFF; --dost-wash: rgb(10 104 173 / .10);
  --hasim: #B23128; --hasim-ink: #FFFFFF; --hasim-wash: rgb(194 53 43 / .10);
  --dikkat: #855A00; --dikkat-wash: rgb(224 165 48 / .18);
  --alt: #6646C8; --alt-wash: rgb(102 70 200 / .10);
  --onay: #276F30;
  --c-book: #5B6878; --c-brilliant: #087A65; --c-great: #3F55D6; --c-best: #2C7F36;
  --c-excellent: #4F7419; --c-good: #686F76; --c-forced: #6E747A;
  --c-inaccuracy: #966A00; --c-mistake: #B85400; --c-blunder: #C2352B;
  --eval-w: #F4F1EA; --eval-b: #3A3F46; --eval-line: #1A1D21;
  --sq-l: #E4D9BF; --sq-d: #A08B66; --coord-l: #5A4A2E; --coord-d: #FBF6EA;
  --lamp: none; --grain-opacity: .03; --grid-line: rgb(10 104 173 / .045);
  --e1: 0 1px 0 rgb(26 29 33 / .04);
  --e2: 0 0 0 1px var(--line-2), 0 12px 32px -14px rgb(62 48 20 / .28);
  --e3: 0 0 0 1px var(--line-3), 0 32px 80px -16px rgb(62 48 20 / .34);
  --e-board: 0 0 0 1px var(--line-3), 0 18px 40px -24px rgb(62 48 20 / .35);
}

/* Tahta temalari */
:root[data-board="harita"] { --sq-l: #DCE1D5; --sq-d: #8E9C86; --coord-l: #3E4A3A; --coord-d: #F4F7F0; }
:root[data-board="gece"]   { --sq-l: #9AA6AD; --sq-d: #6E7C85; --coord-l: #26313A; --coord-d: #E8EEF2; }
:root[data-board="murekkep"] { --sq-l: #E9E6DF; --sq-d: #B5AFA3; --coord-l: #3A3832; --coord-d: #FFFFFF; }

/* Kirmizi takim: vurgu rengi hasim'e kayar (@property ile animasyonlu) */
.red-team { --accent: var(--hasim); }

:root[data-contrast="high"] { --ink-3: var(--ink-2); --ink-4: var(--ink-3); --line-2: var(--line-3); --line-3: var(--line-ctl); }