/* ─────────────────────────────────────────
   variables.css
   Design tokens — edit here to retheme
───────────────────────────────────────── */

:root {
  /* Brand */
  --blue:       #2563eb;
  --blue-light: #eff6ff;
  --blue-mid:   #dbeafe;
  --blue-dark:  #1d4ed8;

  /* Text */
  --text:  #0f172a;
  --text2: #475569;
  --text3: #94a3b8;

  /* Backgrounds */
  --bg:  #ffffff;
  --bg2: #f8fafc;
  --bg3: #f1f5f9;

  /* Borders */
  --border:  #e2e8f0;
  --border2: #cbd5e1;

  /* Semantic */
  --green:      #16a34a;
  --green-bg:   #f0fdf4;
  --amber:      #d97706;
  --amber-bg:   #fffbeb;
  --red:        #dc2626;

  /* Layout */
  --nav-h:  64px;
  --max:    1060px;
  --radius: 10px;
}