/* Sunshine ortak tasarım token'ları — portal ve wiki bu dosyayı paylaşır; değer değişikliği yalnız burada yapılır. */

/* ---- Açık tema varsayılanı (index.css) ---- */
:root {
  --bg: #100c17;
  --bg-deep: #0b0910;
  --surface: #191321;
  --surface-raised: #241a2e;
  --surface-bright: #30223d;
  --line: rgba(217, 197, 226, 0.16);
  --line-strong: rgba(217, 197, 226, 0.3);
  --text: #f7f1e8;
  --text-soft: #e2d7e8;
  --muted: #cdbfd4;
  --muted-dark: #9e8cab;
  --gold: #ffb42d;
  --gold-bright: #ffd978;
  --cyan: #71d9ed;
  --green: #9bdea8;
  --red: #ff9b9b;
  --warning: #f0c873;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Arial Black", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  /* Ortak hizalama sözleşmesi: tüm sayfa kabukları header ile aynı içerik kutusunu kullanır.
     İçerik genişliği = min(100% - 2 * --page-gutter, --content-width). */
  --content-width: 1176px;
  --page-gutter: 22px;
  --radius: 12px;
}

@media (max-width: 620px) {
  :root {
    --page-gutter: 14px;
  }
}

@media (max-width: 360px) {
  :root {
    --page-gutter: 10px;
  }
}

/* ---- Açık palet: alt sayfalar ve katılım rehberi aynı Sunshine paletini paylaşır (portal.css) ---- */
:root {
  --bg: #f7f5ee;
  --bg-deep: #eee9df;
  --surface: #fffefa;
  --surface-raised: #f0e9f8;
  --surface-bright: #e7dcf0;
  --line: #e5dccc;
  --line-strong: #cdbed9;
  --text: #42345e;
  --text-soft: #574b65;
  --muted: #746681;
  --muted-dark: #83758e;
  --gold: #c3902c;
  --gold-bright: #ffdb60;
  --cyan: #368594;
  --green: #448356;
  --red: #a04949;
  --font-body: 'Nunito Sans',system-ui,sans-serif;
  --font-display: 'Nunito Sans',system-ui,sans-serif;
}

/* ---- Sunshine gece modu (theme.css).
   Palet: aynı dünyanın gün batımı sonrası hali. Marka renkleri (altın, camgöbeği)
   korunur; yalnız zemin/gökyüzü ve yüzeyler geceye döner. Ölçüler değişmez —
   hizalama sözleşmesi hem gündüz hem gece aynıdır. ---- */
:root[data-theme="dark"] {
  --bg: #151029;
  --bg-deep: #100b20;
  --surface: #211a35;
  --surface-raised: #2a2142;
  --surface-bright: #332850;
  --line: #3a2f55;
  --line-strong: #4d3f6e;
  --text: #f4ecff;
  --text-soft: #d8cbea;
  --muted: #b3a3cc;
  --muted-dark: #8f7fab;
  --gold: #ffdb60;
  --gold-bright: #ffe98f;
  --cyan: #8fd8ea;
  --green: #8fd6a3;
  --red: #ff9d9d;
  --warning: #ffd88a;
  --night-sky: linear-gradient(145deg, #1b1440, #241a4d 64%, #3b2a5e);
}