/*
 * sınavaçalışıyorum — DESIGN_REHBERI.md §1–2
 * Tüm sayfalar bu tokenları kullanır.
 */
:root,
html[data-theme="light"] {
  --paper: #FAF6EC;
  --card: #FFFFFF;
  --card-2: #F3EEDF;
  --sheet: #FFFDF8;

  --ink: #17223D;
  --ink-soft: #3B4666;
  --muted: #82795F;

  --line: #E7DFC9;
  --line-soft: #EFE9D8;

  --accent: #E23B52;
  --accent-dark: #AE2438;
  --accent-tint: #FBE3E4;

  --success: #2E7A52;
  --success-tint: #E3F0E5;
  --amber: #C97C1F;
  --amber-tint: #FBEEDA;
  --danger: #C0392B;
  --danger-tint: #F6E4E1;

  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 9px;

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Geriye dönük alias (base.css / optic_flow) */
  --bg: var(--paper);
  --bg2: var(--card-2);
  --card2: var(--card-2);
  --brd: var(--line);
  --brd2: var(--line);
  --brd3: var(--muted);
  --t1: var(--ink);
  --t2: var(--ink-soft);
  --t3: var(--muted);
  --navy: var(--ink);
  --graphite: var(--ink-soft);
  --red: var(--accent);
  --red-note: var(--accent);
  --red-dim: var(--accent-tint);
  --r: var(--accent);
  --r-bg: var(--accent-tint);
  --g: var(--success);
  --g-bg: var(--success-tint);
  --a: var(--amber);
  --a-bg: var(--amber-tint);
  --white: var(--card);
  --paper-line: var(--line);
  --font: var(--font-body);
}