/* Bayraklı OSGB — tasarım token'ları (tek kaynak).
   Marka kırmızısı KAPI 0 kilidinden: Kurumsal-Kimlik-Jeneratoru/bayrakliosgb-brand/00-temel/TEMEL.json (#D71818).
   Dünya: "Denetim Kaydı" — form kâğıdı, karbon mürekkep, tek kırmızı: damga ve kayıt numarası. */
@font-face { font-family: "Inter Display"; src: url("../fonts/InterDisplay-Black.otf") format("opentype"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/InterVariable.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/JetBrainsMono-wght.ttf") format("truetype"); font-weight: 100 800; font-display: swap; }

:root {
  --red: #d71818;
  --red-ink: #ffffff;
  /* Moberium merkezi widget'ları (çerez · erişilebilirlik · alt şerit) vurgu rengini bu
     değişkenden okur; tanımlı değilse kendi varsayılan turkuazına düşer. */
  --ege-a11y-accent: var(--red);
  --paper: #fbfbfa;
  --paper-2: #f3f3f1;
  --ink: #141414;
  --ink-2: #4a4a47;
  --mid: #7d7d79;
  --line: #d9d9d4;
  --line-strong: #141414;
  --m1: #efefec;
  --m2: #e1e1dd;
  --m3: #cdcdc8;
  --m4: #b5b5af;
  --tile: #ffffff;

  --sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --display: "Inter Display", "Inter", ui-sans-serif, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --bar-h: 84px;
  --rail-w: 128px;
  --gutter: 64px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px; --s9: 112px; --s10: 160px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: light;
}

/* Koyu tema: <html data-theme="dark">. Sayfa açılırken satır içi betik kullanıcının seçimini,
   yoksa sistem tercihini yazar; JS kapalıysa açık tema kalır. */
:root[data-theme="dark"] {
  & {
    --red: #e5322f;
    --paper: #111110;
    --paper-2: #181816;
    --ink: #f1f1ee;
    --ink-2: #bdbdb7;
    --mid: #8f8f89;
    --line: #2c2c29;
    --line-strong: #f1f1ee;
    --m1: #1c1c1a;
    --m2: #262624;
    --m3: #34342f;
    --m4: #47473f;
    --tile: #f4f4f1;
    color-scheme: dark;
  }
}