/* ==========================================================
   Design tokens: colors, fonts, radii, layout width
   ========================================================== */
:root {
  --navy: #123B4A;
  --navy-2: #0D2E3A;
  --teal: #16A6A1;
  --teal-ink: #0E7F7B;
  --mint: #EAF5F4;
  --enamel: #F7FBFB;

  --bg: #FFFFFF;
  --surface: #F7FBFB;
  --surface-2: #EAF5F4;
  --text: #123B4A;
  --muted: #58707A;
  --line: #D3E6E6;

  --hero-bg: #123B4A;
  --hero-text: #FFFFFF;
  --hero-muted: #A9C9CD;

  --danger: #B3261E;
  --ok: #0E7F7B;

  --font: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-rtl: "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;

  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 22px;

  --wrap: 1180px;
}

/* Dark theme: follows the system unless light is forced */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B1F27; --surface: #10303B; --surface-2: #133845; --text: #E6F2F2; --muted: #9DB8BE; --line: #23505D;
    --hero-bg: #0A1B22; --teal-ink: #3CC4BF; --danger: #F2B8B5; --ok: #5FD3CE;
  }
}
:root[data-theme="dark"] {
  --bg: #0B1F27; --surface: #10303B; --surface-2: #133845; --text: #E6F2F2; --muted: #9DB8BE; --line: #23505D;
  --hero-bg: #0A1B22; --teal-ink: #3CC4BF; --danger: #F2B8B5; --ok: #5FD3CE;
}