/* ============================================================
   VARIABLES — Design tokens for Academy of Women's Well-being
   Expanded palette: dusty rose + sage + warm gold + lavender
   ============================================================ */

:root {
  /* ---- Brand Colors (Primary) ---- */
  --color-primary:       #B66D7A;  /* Dusty rose — основной акцент */
  --color-primary-light: #D4949E;  /* Lighter rose */
  --color-primary-pale:  #F5E6E8;  /* Very light pink */
  --color-primary-dark:  #8E4F5A;  /* Deep rose */
  --color-primary-muted: #C89BA3;  /* Muted rose for backgrounds */

  /* ---- Burgundy (бордовый) ---- */
  --color-burgundy:      #7A2E3A;  /* Deep burgundy — в тон бренду */
  --color-burgundy-light:#9E4A58;  /* Lighter burgundy */

  /* ---- Brand Colors (Secondary) ---- */
  --color-secondary:       #5B7A72;  /* Sage / muted green */
  --color-secondary-light: #7A9B91;
  --color-secondary-pale:  #E8F0EE;
  --color-secondary-dark:  #3D5A52;

  /* ---- Accent Colors (NEW) ---- */
  --color-gold:        #C9A96E;  /* Warm gold — премиальность */
  --color-gold-light:  #E8D5A8;
  --color-gold-pale:   #F5EFE0;
  --color-gold-dark:   #A07D3A;

  --color-lavender:       #9B8EC4;  /* Lavender — креативность */
  --color-lavender-light: #C4B8DE;
  --color-lavender-pale:  #EDE8F5;
  --color-lavender-dark:  #6B5E94;

  --color-peach:       #E8B4A0;  /* Peach — теплота */
  --color-peach-light: #F0D0C0;
  --color-peach-pale:  #FDF0E8;

  --color-sky:         #7EB5D6;  /* Soft sky — свобода */
  --color-sky-light:   #A8D0E8;
  --color-sky-pale:    #E0EFF8;

  /* ---- Neutrals ---- */
  --color-bg:          #FAF8F5;  /* Warm ivory */
  --color-bg-alt:      #F3EDE8;  /* Slightly darker warm bg */
  --color-bg-card:     #FFFFFF;
  --color-bg-dark:     #2A2522;  /* Warm dark graphite */
  --color-bg-warm:     #F8F2ED;  /* Extra warm bg */

  --color-text:        #2D2D2D;  /* Main text */
  --color-text-sec:    #5A5A5A;  /* Secondary text */
  --color-text-muted:  #8A8A8A;  /* Muted text */
  --color-text-light:  #FFFFFF;
  --color-border:      #E0D8D0;
  --color-border-light:#EDE8E3;

  /* ---- Silver ---- */
  --color-silver:      #C0C0C0;
  --color-silver-light:#E8E8E8;

  /* ---- Semantic Colors ---- */
  --color-success:     #6B9E7A;
  --color-warning:     #D4A843;
  --color-error:       #C45B5B;
  --color-info:        #5B8EC4;

  /* ---- Typography ---- */
  --font-head:    'Geologica', 'Segoe UI', sans-serif;
  --font-body:    'Inter', 'Segoe UI', sans-serif;
  --font-accent:  'Montserrat', 'Segoe UI', sans-serif;

  /* Scale (fluid) */
  --fs-hero:      clamp(2.25rem, 4.5vw, 3.5rem);  /* 36–56px */
  --fs-h1:        clamp(1.75rem, 3.5vw, 2.75rem);  /* 28–44px */
  --fs-h2:        clamp(1.375rem, 2.5vw, 2rem);    /* 22–32px */
  --fs-h3:        clamp(1.125rem, 1.8vw, 1.375rem); /* 18–22px */
  --fs-h4:        1.0625rem;                         /* 17px */
  --fs-body:      0.9375rem;                         /* 15px */
  --fs-small:     0.8125rem;                         /* 13px */
  --fs-caption:   0.6875rem;                         /* 11px */

  --lh-body:      1.6;
  --lh-heading:   1.15;

  /* ---- Spacing (compact) ---- */
  --space-2xs:  0.125rem;  /* 2px */
  --space-xs:   0.25rem;   /* 4px */
  --space-sm:   0.5rem;    /* 8px */
  --space-md:   0.75rem;   /* 12px */
  --space-lg:   1rem;      /* 16px */
  --space-xl:   1.5rem;    /* 24px */
  --space-2xl:  2rem;      /* 32px */
  --space-3xl:  3rem;      /* 48px */
  --space-4xl:  4rem;      /* 64px */
  --space-5xl:  5rem;      /* 80px */

  /* ---- Borders & Radius ---- */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full:9999px;

  /* ---- Shadows ---- */
  --shadow-xs:  0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:  0 2px 6px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:  0 8px 24px rgba(0,0,0,0.10);
  --shadow-xl:  0 16px 40px rgba(0,0,0,0.12);
  --shadow-glow:0 0 20px rgba(182,109,122,0.15);
  --shadow-gold:0 0 20px rgba(201,169,110,0.15);

  /* ---- Transitions ---- */
  --ease-out:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration:   0.25s;
  --duration-fast: 0.15s;

  /* ---- Z-index layers ---- */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;

  /* ---- Container ---- */
  --container-max:  1140px;
  --container-wide: 1320px;
  --container-narrow: 720px;

  /* ---- Header height ---- */
  --header-h: 64px;
}