:root {
  /* ─── Light/Warm Palette ─── */
  --cream:         #FAFAF7;
  --cream-dark:    #F5F4F0;
  --warm-white:    #FFFFFF;
  --warm-gray-50:  #F8F7F4;
  --warm-gray-100: #EFEDE8;
  --warm-gray-200: #E2E0D9;
  --warm-gray-300: #D1CFC6;
  --warm-gray-400: #A8A59C;
  --warm-gray-500: #7A776E;
  --warm-gray-600: #5C5950;

  /* ─── Text Colors ─── */
  --ink:           #1A1A2E;
  --ink-light:     #2D2D44;
  --ink-muted:     #4A4A5E;
  --text-secondary:#6B6B7B;
  --text-tertiary: #8B8B9B;

  /* ─── Accent: Natural Teal ─── */
  --teal:          #0D9488;
  --teal-light:    #14B8A6;
  --teal-dark:     #0F766E;
  --teal-muted:    rgba(13, 148, 136, 0.12);
  --teal-subtle:   rgba(13, 148, 136, 0.06);

  /* ─── Secondary Accent: Warm Amber ─── */
  --amber:         #D97706;
  --amber-light:   #F59E0B;
  --amber-muted:   rgba(217, 119, 6, 0.12);

  /* ─── Functional Colors ─── */
  --success:       #10B981;
  --success-muted: rgba(16, 185, 129, 0.12);
  --info:          #3B82F6;
  --info-muted:    rgba(59, 130, 246, 0.12);

  /* ─── Shadows ─── */
  --shadow-xs:     0 1px 2px rgba(26, 26, 46, 0.04);
  --shadow-sm:     0 2px 4px rgba(26, 26, 46, 0.06);
  --shadow-md:     0 4px 12px rgba(26, 26, 46, 0.08);
  --shadow-lg:     0 8px 24px rgba(26, 26, 46, 0.10);
  --shadow-xl:     0 16px 48px rgba(26, 26, 46, 0.12);
  --shadow-teal:   0 4px 20px rgba(13, 148, 136, 0.15);
  --shadow-card:   0 1px 3px rgba(26, 26, 46, 0.05), 0 4px 12px rgba(26, 26, 46, 0.04);

  /* ─── Borders ─── */
  --border-light:  rgba(26, 26, 46, 0.06);
  --border-medium: rgba(26, 26, 46, 0.10);
  --border-strong: rgba(26, 26, 46, 0.15);

  /* ─── Gradients ─── */
  --gradient-teal:    linear-gradient(135deg, #0D9488 0%, #14B8A6 100%);
  --gradient-warm:    linear-gradient(135deg, #FAFAF7 0%, #F5F4F0 100%);
  --gradient-subtle:  linear-gradient(180deg, rgba(13, 148, 136, 0.03) 0%, transparent 100%);

  /* ─── Typography ─── */
  --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-body:    'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'SF Mono', 'Cascadia Code', 'Fira Code', ui-monospace, monospace;

  /* ─── Scale ─── */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  /* ─── Spacing ─── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* ─── Radius ─── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* ─── Transitions ─── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration:    0.3s;
  --duration-fast: 0.15s;
  --duration-slow: 0.5s;

  /* ─── Layout ─── */
  --max-width: 1200px;
  --nav-height: 72px;
}