/*
 * theme.css
 * ─────────
 * All brand colors, typography, and design tokens in one place.
 * Update here to retheme the entire app.
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Syne:wght@600;700&display=swap');

:root {
  /* ── Brand colors ───────────────────────────────── */
  --sky:      #0ea5e9;
  --sky-lt:   #e0f2fe;
  --emerald:  #10b981;
  --emerald-lt:#d1fae5;
  --amber:    #f59e0b;
  --amber-lt: #fef3c7;

  /* ── UI chrome ──────────────────────────────────── */
  --bg:       #f8fafc;
  --surface:  #ffffff;
  --border:   #f1f5f9;
  --text:     #0f172a;
  --muted:    #64748b;
  --subtle:   #94a3b8;

  /* ── Shape ──────────────────────────────────────── */
  --radius:   20px;

  /* ── Link color (overridden by config.js) ───────── */
  --link-color: #0c4a6e;
}