:root {
  /* Clean Lab Palette */
  --color-bg: #F4F7FB;
  --color-bg-warm: #EBF0F7;
  --color-surface: #FFFFFF;
  --color-text: #2A3040;
  --color-text-muted: #6A7585;
  --color-text-light: #8A95A8;
  --color-primary: #6B9CC4;
  --color-primary-hover: #5A8AB4;
  --color-primary-light: #EBF3FA;
  --color-accent: #B8DCF0;
  --color-accent-light: #E8F2FA;
  --color-success: #8CB89B;
  --color-success-light: #EDF5F0;
  --color-border: rgba(107, 156, 196, 0.15);
  --color-border-light: #F0F4F8;
  --color-blue: #6B9CC4;
  --color-blue-light: #E8F0F8;
  --color-pink: #C4889B;
  --color-pink-light: #F5EDF0;
  --color-yellow: #D4B86A;
  --color-yellow-light: #F8F3E8;
  --color-green: #8CB89B;
  --color-green-light: #EDF5F0;
  --color-lavender: #A098C4;
  --color-lavender-light: #F0EDF5;

  --font-body: 'Nunito', system-ui, -apple-system, sans-serif;
  --font-display: 'Poppins', sans-serif;
  --font-label: 'Quicksand', sans-serif;
  --font-hand: 'Caveat', cursive;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(107, 156, 196, 0.06);
  --shadow-card: 0 2px 12px rgba(107, 156, 196, 0.08);
  --shadow-paper: 2px 2px 6px rgba(107, 156, 196, 0.1);
  --shadow-hover: 0 4px 16px rgba(107, 156, 196, 0.14);

  --max-width: 680px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
}