:root {
  /* Brand */
  --navy: #054B7E; --navy-dark: #032D4C;
  --sunshine: #FDE200; --sunshine-soft: #FFE64B;
  --coral: #F76658; --teal: #4DC2B9;
  /* Surface */
  --bg: #FFFCF6; --card: #FFFFFF; --cream: #F7F1E7; --cream-deep: #EFE6D6;
  /* Text */
  --ink: #272D45; --muted: #92B1C7; --on-primary: #FFFFFF;
  /* Semantic */
  --success: #2F9E5E; --success-surface: #E5F3EA;
  --warning: #D63A2F; --warning-surface: #FBE7E4;
  --info: #054B7E; --info-surface: #E3EEF6;
  /* Border */
  --border: #EFE6D6; --border-focus: #054B7E;
  /* Radius */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;
  /* Shadow */
  --shadow-card: 0 4px 16px rgba(39,45,69,0.08);
  --shadow-raised: 0 8px 24px rgba(39,45,69,0.12);
  /* Spacing */
  --s-xs: 4px; --s-sm: 8px; --s-md: 12px; --s-base: 16px; --s-lg: 20px; --s-xl: 24px; --s-2xl: 32px; --s-3xl: 40px;
  /* Fonts */
  --font-body: 'Nunito', system-ui, sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
}