/* Ink & Dawn — design tokens */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Sora:wght@300;400;500;600;700&display=swap');

:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Sora", system-ui, sans-serif;

  --accent: #e8915a;
  --accent-soft: #f3b48a;
  --accent-deep: #c46d3a;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  --container: 1140px;
  --measure: 40rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.55s;
  --header-h: 72px;

  /* Light (default tokens; overridden by data-theme) */
  --bg: #f4f7fb;
  --bg-elevated: #ffffff;
  --bg-muted: #e8eef6;
  --ink: #12161c;
  --ink-soft: #3d4654;
  --ink-faint: #6b7585;
  --line: rgba(18, 22, 28, 0.1);
  --line-strong: rgba(18, 22, 28, 0.18);
  --surface: rgba(255, 255, 255, 0.72);
  --surface-solid: #ffffff;
  --shadow: 0 18px 50px rgba(18, 22, 28, 0.08);
  --glow: rgba(232, 145, 90, 0.22);
  --header-bg: rgba(244, 247, 251, 0.82);
  --scrim: rgba(12, 16, 22, 0.45);
  --focus: #e8915a;
  --success: #2f9e7a;
  --danger: #c44b4b;
  --dawn-top: #f7fafd;
  --dawn-mid: #eef3f9;
  --dawn-accent: #f8e8dc;
  --muted: var(--ink-faint);
  --muted2: var(--ink-soft);
}

[data-theme="dark"] {
  --bg: #0b0f14;
  --bg-elevated: #121820;
  --bg-muted: #161d27;
  --ink: #f2f4f7;
  --ink-soft: #b8c0cc;
  --ink-faint: #8791a0;
  --line: rgba(242, 244, 247, 0.1);
  --line-strong: rgba(242, 244, 247, 0.18);
  --surface: rgba(18, 24, 32, 0.78);
  --surface-solid: #121820;
  --shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
  --glow: rgba(232, 145, 90, 0.18);
  --header-bg: rgba(11, 15, 20, 0.84);
  --scrim: rgba(0, 0, 0, 0.55);
  --dawn-top: #0b0f14;
  --dawn-mid: #10161e;
  --dawn-accent: #1a1512;
}

[data-theme="light"] {
  --bg: #f4f7fb;
  --bg-elevated: #ffffff;
  --bg-muted: #e8eef6;
  --ink: #12161c;
  --ink-soft: #3d4654;
  --ink-faint: #6b7585;
  --line: rgba(18, 22, 28, 0.1);
  --line-strong: rgba(18, 22, 28, 0.18);
  --surface: rgba(255, 255, 255, 0.72);
  --surface-solid: #ffffff;
  --shadow: 0 18px 50px rgba(18, 22, 28, 0.08);
  --glow: rgba(232, 145, 90, 0.22);
  --header-bg: rgba(244, 247, 251, 0.82);
  --scrim: rgba(12, 16, 22, 0.45);
  --dawn-top: #f7fafd;
  --dawn-mid: #eef3f9;
  --dawn-accent: #f8e8dc;
}