:root{
  
  --teal:   #6EC1E4;
  --pink:   #E965A3;
  --sage:   #BCDBAA;
  --yellow: #F7EF8C;
  --purple: #5A509D;
  --blue:   #5C89C5;
  --green:  #61CE70;
  --peach:  #F7B184;

  
  --teal-10:   rgba(110,197,207,0.12);
  --pink-10:   rgba(233,101,163,0.12);
  --sage-10:   rgba(188,219,170,0.18);
  --yellow-10: rgba(247,239,140,0.25);
  --purple-10: rgba(90,80,157,0.12);
  --blue-10:   rgba(92,137,197,0.14);
  --peach-10:  rgba(247,177,132,0.18);
  --green-10:  rgba(125,192,116,0.14);

  
  --white:     #FFFFFF;
  --off-white: #FAF9F6;
  --cream:     #F5F0EB;
  --sand:      #E9E0D5;
  --stone:     #D1C6BB;
  --charcoal:  #1C1B1A;
  --dark:      #2A2826;
  --gray-700:  #4A4845;
  --gray-500:  #6B6866;
  --gray-300:  #ADAAA6;
  --gray-100:  #F0EEEC;

  
  --g-brand:  linear-gradient(135deg, #6EC5CF 0%, #5C89C5 45%, #E965A3 100%);
  --g-warm:   linear-gradient(135deg, #F7B184 0%, #E965A3 100%);
  --g-cool:   linear-gradient(135deg, #6EC5CF 0%, #5A509D 100%);
  --g-nature: linear-gradient(135deg, #BCDBAA 0%, #7DC074 100%);
  --g-sunny:  linear-gradient(135deg, #F7EF8C 0%, #F7B184 100%);
  --g-hero:   linear-gradient(to top, rgba(26,25,24,0.80) 0%, rgba(26,25,24,0.25) 55%, transparent 100%);
  --g-card:   linear-gradient(to top, rgba(26,25,24,0.85) 0%, transparent 65%);

  
  --serif:    'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:     'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --heading:  'Google Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  
  --t-xs:   clamp(0.70rem, 1.2vw,  0.80rem);
  --t-sm:   clamp(0.80rem, 1.5vw,  0.90rem);
  --t-base: clamp(0.95rem, 1.8vw,  1.05rem);
  --t-lg:   clamp(1.10rem, 2.0vw,  1.20rem);
  --t-xl:   clamp(1.20rem, 2.2vw,  1.40rem);
  --t-2xl:  clamp(1.50rem, 2.8vw,  1.90rem);
  --t-3xl:  clamp(2.00rem, 3.8vw,  2.75rem);
  --t-4xl:  clamp(2.50rem, 5.0vw,  3.50rem);
  --t-5xl:  clamp(3.25rem, 6.5vw,  4.75rem);
  --t-hero: clamp(3.75rem, 8.0vw,  6rem);

  
  --s-1:  0.25rem;
  --s-2:  0.50rem;
  --s-3:  0.75rem;
  --s-4:  1.00rem;
  --s-5:  1.25rem;
  --s-6:  1.50rem;
  --s-8:  2.00rem;
  --s-10: 2.50rem;
  --s-12: 3.00rem;
  --s-16: 4.00rem;
  --s-20: 5.00rem;
  --s-24: 6.00rem;
  --s-32: 8.00rem;
  --section: clamp(5rem, 10vw, 8rem);

  
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-xl:   32px;
  --r-2xl:  48px;
  --r-full: 9999px;

  
  --sh-xs: 0 1px 2px rgba(0,0,0,0.04);
  --sh-sm: 0 2px 4px rgba(0,0,0,0.05), 0 4px 8px rgba(0,0,0,0.04);
  --sh-md: 0 4px 12px rgba(0,0,0,0.06), 0 16px 32px rgba(0,0,0,0.07);
  --sh-lg: 0 8px 24px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.09);
  --sh-xl: 0 16px 40px rgba(0,0,0,0.08), 0 64px 128px rgba(0,0,0,0.10);

  
  --ease:        0.30s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-fast:   0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-slow:   0.60s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: 0.50s cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-img:    0.70s cubic-bezier(0.4, 0, 0.2, 1);

  
  --container:   1280px;
  --narrow:       900px;
  --wide:        1480px;
  --nav-h:        80px;
}