:root {
  --color-primary: #0F4C59;
  --color-primary-hover: #F25A45;
  --color-primary-active: #FF9A88;
  --color-accent: #FF6B57;
  --color-yellow: #FFB52E;
  --color-cream: #FDF6EC;
  --color-surface: #FFFFFF;
  --color-surface-soft: #FFF9EF;
  --color-surface-warm: #F5EADB;
  --color-border: #E8DDC0;
  --color-muted: #C9BBAA;
  --color-text: #2B2B2B;
  --color-soft-text: #49616A;
  --color-text-secondary: #718087;
  --color-disabled-bg: #EEE7DB;
  --color-disabled-text: #B8B1A7;
  --color-green: #73A67C;
  --color-blue: #9ED4E7;
  --color-pink: #F6C9BB;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --shadow-panel: 0 3px 16px rgba(80, 50, 20, 0.025);
  /* Shared spacing tokens; existing page-specific spacing remains unchanged. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
}