/* ==========================================================================
   Unidesk — Design Tokens (single source of truth for brand)
   Colors derived from the official logo: sky blue + deep navy.
   To rebrand: edit the values in this file only.
   ========================================================================== */

:root {
  /* ---- Brand (from logo) ---- */
  --brand-500: #3E9BD6;   /* primary sky blue (logo wordmark)            */
  --brand-600: #2E86C1;   /* hover / pressed                            */
  --brand-700: #216595;   /* deep interactive                           */
  --brand-400: #62B0E0;   /* lighter blue                               */
  --brand-100: #E3F1FA;   /* tint background                            */
  --brand-050: #F2F9FD;   /* faint tint                                 */

  --navy-900:  #16233F;   /* darkest navy                               */
  --navy-800:  #1D2F53;   /* deep navy (logo dark variant) — headings   */
  --navy-700:  #29406E;   /* navy surfaces                              */

  /* ---- Accent / CTA (highlighted "Book a Session") ---- */
  --cta-500:   #F6A623;   /* warm amber — high pop against blue         */
  --cta-600:   #E0930F;   /* hover                                      */
  --cta-100:   #FDF0D6;

  /* ---- Supporting accents (colorful, used in rotation for icons/visuals) ---- */
  --mint-500:  #23B79A;
  --mint-600:  #149E82;
  --mint-100:  #DBF5EF;
  --coral-500: #F2695C;
  --coral-600: #E05A4B;
  --coral-100: #FDE7E4;
  --violet-500:#7C6FE4;
  --violet-600:#6558D6;
  --violet-100:#EAE7FB;

  /* ---- Neutrals ---- */
  --ink:        #1A2438;  /* primary text                               */
  --ink-soft:   #47536B;  /* body text                                  */
  --ink-muted:  #6B7688;  /* muted / captions                           */
  --line:       #E4E9F0;  /* borders                                    */
  --line-soft:  #EEF2F7;
  --surface:    #FFFFFF;  /* cards                                      */
  --bg:         #F6F9FC;  /* page background                            */
  --bg-alt:     #EEF4FA;  /* alternating section                        */

  /* ---- Gradients ---- */
  --grad-brand: linear-gradient(135deg, #3E9BD6 0%, #2E86C1 100%);
  /* Accent band gradient — sky-blue led (logo colour) with just enough depth for white text */
  --grad-hero:  linear-gradient(140deg, #17466E 0%, #2E86C1 62%, #3E9BD6 100%);
  --grad-cta:   linear-gradient(135deg, #F6A623 0%, #F08A1D 100%);
  --grad-coral: linear-gradient(135deg, #F2695C 0%, #E04A3A 100%);
  --grad-violet:linear-gradient(135deg, #8B7CF0 0%, #6558D6 100%);
  --grad-mint:  linear-gradient(135deg, #2BC5A6 0%, #149E82 100%);
  --grad-sheen: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0));

  /* ---- Typography ---- */
  --font-head: 'Lexend', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero:   clamp(2.3rem, 1.4rem + 3.6vw, 4rem);
  --fs-h1:     clamp(2rem, 1.4rem + 2.4vw, 3rem);
  --fs-h2:     clamp(1.6rem, 1.2rem + 1.6vw, 2.35rem);
  --fs-h3:     clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);
  --fs-lead:   clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
  --fs-body:   1.0625rem;
  --fs-sm:     0.9375rem;
  --fs-xs:     0.8125rem;

  /* ---- Spacing scale ---- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;     --sp-10: 8rem;
  --section-y: clamp(3.5rem, 2rem + 6vw, 7rem);

  /* ---- Radius ---- */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 20px;  --r-xl: 28px;  --r-pill: 999px;

  /* ---- Shadows ---- */
  --sh-xs: 0 1px 2px rgba(20, 35, 63, .06);
  --sh-sm: 0 2px 8px rgba(20, 35, 63, .07);
  --sh-md: 0 10px 30px rgba(20, 35, 63, .10);
  --sh-lg: 0 24px 60px rgba(20, 35, 63, .16);
  --sh-brand: 0 14px 34px rgba(46, 134, 193, .32);
  --sh-cta: 0 12px 28px rgba(224, 147, 15, .34);

  /* ---- Layout ---- */
  --container: 1200px;
  --container-narrow: 860px;
  --header-h: 76px;

  /* ---- Z-index scale ---- */
  --z-base: 1; --z-raised: 10; --z-header: 40; --z-overlay: 60;
  --z-raahi: 70; --z-modal: 90; --z-toast: 100;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 160ms; --dur: 240ms; --dur-slow: 420ms;
}