:root {
  /* Brand (Rolodax navy) */
  --brand-50:  #F5F7FA;
  --brand-100: #E6EBF4;
  --brand-500: #142B4F;
  --brand-700: #0B1C34;

  /* Accent (LinkHub coral/red-pink) */
  --accent-100: #FDEBED;
  --accent-400: #F26B7B;
  --accent-600: #E54B5F;

  /* Gold accent (logo circle) */
  --gold-100: #FFF4DC;
  --gold-500: #E6A122;

  /* Text & surfaces */
  --text-1:   #0B1C34;
  --text-2:   #445066;
  --text-muted:#6B7280;
  --bg:       #FFFFFF;
  --bg-subtle:#F8FAFC;
  --border:   #E5E7EB;
  --focus:    var(--accent-600);

  /* Status */
  --success: #16A34A;
  --warning: #D97706;
  --danger:  #DC2626;

  /* Radii / spacing / shadows */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px;
  --shadow-1:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.04);
  --shadow-2:0 2px 8px rgba(0,0,0,.08);

  /* Typography */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  --fs-12:12px; --fs-14:14px; --fs-16:16px; --fs-20:20px; --fs-24:24px;
}

/* Accessibility nicety */
:root:focus-within { scroll-behavior: smooth; }