/* ============================================================
   BPS THEME — central color variables for the landing page
   Design language adapted from the Untitled-UI reference
   (clean white sections, soft cards, refined type, team
   carousel), but using the BPS royal-blue palette so the
   landing stays consistent with the rest of the system.

   ► To re-theme the whole landing page, edit ONLY this block.
   ============================================================ */
:root{
  /* ---- Brand core ---- */
  --theme-primary:        #1E3A8A;   /* royal blue — buttons, links, accents */
  --theme-primary-deep:   #15306E;   /* hover / pressed */
  --theme-primary-press:  #102554;
  --theme-secondary:      #0B6E3B;   /* forest green — secondary actions */
  --theme-secondary-deep: #0A5C31;
  --theme-accent:         #C0922E;   /* gold — highlights, underlines */
  --theme-accent-deep:    #8A6A18;
  --theme-success:        #A8E49A;   /* soft green — positive surfaces */
  --theme-success-deep:   #3F7A33;

  /* ---- Soft tints (section backgrounds / chips) ---- */
  --theme-primary-wash:   #EEF1FA;
  --theme-secondary-wash: #EAF5EE;
  --theme-accent-wash:    #FBF5E7;
  --theme-success-wash:   #F0FAEC;

  /* ---- Neutrals (Untitled-UI style soft grays) ---- */
  --theme-bg:        #FFFFFF;        /* primary background — white */
  --theme-bg-alt:    #F8FAFC;        /* alternating section tint */
  --theme-surface:   #FFFFFF;        /* cards */
  --theme-ink:       #101828;        /* headings */
  --theme-ink-body:  #475467;        /* body text */
  --theme-ink-faint: #98A2B3;        /* muted / captions */
  --theme-line:      #E4E7EC;        /* borders / dividers */
  --theme-line-soft: #F2F4F7;

  /* ---- Hero gradient (kept on-brand) ---- */
  --theme-hero-gradient: #FFFFFF;

  /* ---- Radii & shadow (soft, Untitled-UI-like) ---- */
  --theme-radius:    16px;
  --theme-radius-sm: 10px;
  --theme-radius-lg: 24px;
  --theme-shadow:      0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);
  --theme-shadow-md:   0 4px 8px -2px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.04);
  --theme-shadow-lg:   0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.04);
  --theme-shadow-xl:   0 20px 24px -4px rgba(16,24,40,.10), 0 8px 8px -4px rgba(16,24,40,.04);
}