/* Tasarım belirteçleri. Koyu tema varsayılandır; açık tema <html data-theme="light"> ile gelir.
   Renkler yalnızca burada tanımlanır; diğer stil dosyaları var(--...) kullanır (tests/theme.test.mjs). */
:root{
  color-scheme:dark;
  --bg:#0a1114; --surface:#101a1f; --surface-2:#16232a; --surface-3:#1d2f38; --sunken:#070d10;
  --border:#22343d; --border-strong:#34505c;
  --text-strong:#f4f8fa; --text:#e2eaee; --text-soft:#c3d0d6; --text-muted:#8ea1ab;
  --accent:#0f766e; --accent-hover:#115e59; --accent-text:#5eead4; --accent-soft:rgba(45,212,191,.12); --accent-border:#2a9d8f; --on-accent:#ffffff;
  --success-text:#6ee7b7; --success-bg:#052e24; --success-border:#059669;
  --danger-text:#fca5a5; --danger-bg:#3a1214; --danger-border:#b91c1c;
  --warn-text:#fcd34d; --violet-text:#c4b5fd; --violet-border:#7c3aed;
  --board:#0c171c; --overlay:rgba(2,8,11,.72); --overlay-strong:rgba(2,8,11,.96);
  --shadow-card:0 10px 30px rgba(0,0,0,.35); --shadow-pop:0 18px 48px rgba(0,0,0,.55);
  --radius:12px; --radius-lg:16px;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f2f5f7; --surface:#ffffff; --surface-2:#f1f5f7; --surface-3:#e3ebef; --sunken:#e9eff2;
  --border:#d6e0e6; --border-strong:#b4c5ce;
  --text-strong:#0b1a21; --text:#1c2e37; --text-soft:#34495a; --text-muted:#52677a;
  --accent:#0f766e; --accent-hover:#115e59; --accent-text:#0f766e; --accent-soft:rgba(15,118,110,.10); --accent-border:#0f766e; --on-accent:#ffffff;
  --success-text:#047857; --success-bg:#d1fae5; --success-border:#10b981;
  --danger-text:#b91c1c; --danger-bg:#fee2e2; --danger-border:#ef4444;
  --warn-text:#92400e; --violet-text:#6d28d9; --violet-border:#8b5cf6;
  --board:#0c171c; --overlay:rgba(10,25,32,.5); --overlay-strong:rgba(242,245,247,.97);
  --shadow-card:0 1px 2px rgba(16,42,54,.06),0 8px 24px rgba(16,42,54,.07); --shadow-pop:0 18px 48px rgba(16,42,54,.25);
}