:root {
  /* Core palette */
  --colour-navy: #1B2A4A;
  --colour-navy-deep: #243660;
  --colour-navy-tint: #E8EDF5;
  --colour-gold: #C9A84C;
  --colour-background: #FAFAF8;
  --colour-surface: #FFFFFF;
  --colour-border: #E0E0DC;
  --colour-text: #1A1A1A;
  --colour-text-muted: #888888;

  /* Module accents */
  --colour-chore: #1B2A4A;
  --colour-taste: #C4694A;
  --colour-social: #6366F1;
  --colour-wander: #0891B2;
  --colour-nest: #92400E;
  --colour-spend: #059669;
  --colour-garden: #16A34A;
  --colour-drive: #475569;
  --colour-pulse: #DB2777;
  --colour-shelf: #7C3AED;

  /* Typography */
  --font-display: 'Fraunces', serif;
  --font-body: 'DM Sans', sans-serif;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 100px;

  /* Shadows */
  --shadow-card: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.16);
}