/* Yerleşim: lacivert üst bant + açık zemin; araç ekranlarında solda filtre, sağda sonuç; karar metni serif ve dar sütun.
   Marka renkleri (--brand-*, --header-*) js/config.js içinden çalışma anında yeniden tanımlanır. */
:root {
  --brand-primary: #002458; --brand-primary-ink: #ffffff;
  --brand-accent: #007c80; --brand-accent-ink: #ffffff; --brand-accent-soft: #d9efee;
  --header-bg: #ffffff; --header-ink: #002458;
  --stats-bg: #002458; --stats-ink: #ffffff; --stats-line: rgba(255,255,255,.22); --stats-accent: #3fb8b1;

  --bg: #f3f5f9; --surface: #ffffff; --surface-2: #eaeef5; --surface-3: #f7f9fc;
  --ink: #141e36; --ink-2: #34405a; --muted: #56627c;
  --line: #d6dde8; --line-strong: #aab6c9;

  --lehe: #1b6638; --lehe-bg: #e3f2e8; --lehe-line: #9fcfb0;
  --aleyhe: #9e2424; --aleyhe-bg: #fae7e5; --aleyhe-line: #e6a9a2;
  --karma: #7a4e05; --karma-bg: #fbefd8; --karma-line: #e3c17c;
  --belirsiz: #48536a; --belirsiz-bg: #eceff5; --belirsiz-line: #bfc7d6;
  --demo: #6f3a00; --demo-bg: #fff2d1; --demo-line: #e2bd6b;
  --mark-bg: #ffe98a; --mark-ink: #141e36; --mark-cur: #ffb84d;
  --quote-bg: #d6efec;
  --danger: #a12a2a;

  --shadow-1: 0 1px 2px rgba(20, 30, 54, .06), 0 6px 20px rgba(20, 30, 54, .06);
  --shadow-2: 0 12px 40px rgba(20, 30, 54, .18);

  --font-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-read: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem;
  --fs-3xl: clamp(1.9rem, 1.15rem + 2.6vw, 2.85rem);
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px;
  --max: 1200px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-primary: #a9bfe8; --brand-primary-ink: #0c1630;
    --brand-accent: #4cc7bf; --brand-accent-ink: #06201f; --brand-accent-soft: #12302f;
    --header-bg: #0a1222; --header-ink: #e5ecf8;
    --stats-bg: #0f1f45; --stats-ink: #e8eef9; --stats-line: rgba(232,238,249,.18); --stats-accent: #4cc7bf;
    --bg: #0c1322; --surface: #131c2f; --surface-2: #1a2539; --surface-3: #101828;
    --ink: #e5eaf3; --ink-2: #c3cbdb; --muted: #9aa6bd;
    --line: #26324a; --line-strong: #3d4b67;
    --lehe: #86d8a3; --lehe-bg: #12301f; --lehe-line: #2d6c45;
    --aleyhe: #f4aaa1; --aleyhe-bg: #3a1817; --aleyhe-line: #7a3530;
    --karma: #f1ca7c; --karma-bg: #35270f; --karma-line: #77592a;
    --belirsiz: #bac3d4; --belirsiz-bg: #1f2a3e; --belirsiz-line: #3d4a63;
    --demo: #ffd48c; --demo-bg: #33250d; --demo-line: #6e5420;
    --mark-bg: #6b5a12; --mark-ink: #fff8d6; --mark-cur: #a86a10;
    --quote-bg: #123b38;
    --danger: #f4aaa1;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .25);
    --shadow-2: 0 12px 40px rgba(0, 0, 0, .5);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --brand-primary: #a9bfe8; --brand-primary-ink: #0c1630;
  --brand-accent: #4cc7bf; --brand-accent-ink: #06201f; --brand-accent-soft: #12302f;
  --header-bg: #0a1222; --header-ink: #e5ecf8;
  --stats-bg: #0f1f45; --stats-ink: #e8eef9; --stats-line: rgba(232,238,249,.18); --stats-accent: #4cc7bf;
  --bg: #0c1322; --surface: #131c2f; --surface-2: #1a2539; --surface-3: #101828;
  --ink: #e5eaf3; --ink-2: #c3cbdb; --muted: #9aa6bd;
  --line: #26324a; --line-strong: #3d4b67;
  --lehe: #86d8a3; --lehe-bg: #12301f; --lehe-line: #2d6c45;
  --aleyhe: #f4aaa1; --aleyhe-bg: #3a1817; --aleyhe-line: #7a3530;
  --karma: #f1ca7c; --karma-bg: #35270f; --karma-line: #77592a;
  --belirsiz: #bac3d4; --belirsiz-bg: #1f2a3e; --belirsiz-line: #3d4a63;
  --demo: #ffd48c; --demo-bg: #33250d; --demo-line: #6e5420;
  --mark-bg: #6b5a12; --mark-ink: #fff8d6; --mark-cur: #a86a10;
  --quote-bg: #123b38;
  --danger: #f4aaa1;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .25);
  --shadow-2: 0 12px 40px rgba(0, 0, 0, .5);
  color-scheme: dark;
}