/* Mission Insurance Partners — Color tokens
   Anchored to logo blue #0038FF. Blue family for hierarchy/depth,
   gold for CTA/warmth, dark navy for gravity, neutrals for structure. */
:root {
  /* ── Brand blue scale (anchor = blue-500, from logo) ── */
  --blue-50:  #EEF3FF;
  --blue-100: #DCE6FF;
  --blue-200: #B9CDFF;
  --blue-300: #8AA9FF;
  --blue-400: #5478FF;
  --blue-500: #0038FF; /* Primary Brand Blue — the anchor hue */
  --blue-600: #0030DB;
  --blue-700: #0026AD;

  /* ── Deep navy (gravity / dark sections) ── */
  --navy-900: #0D163D;
  --navy-800: #12194D;
  --navy-700: #1B2760;

  /* ── Sky / accent blue (supporting UI, icon fills, tags) ── */
  --sky-300: #4FA3F7;
  --sky-400: #188BF6;

  /* ── Gold (CTA + warmth) ── */
  --gold-200: #FBE3AF;
  --gold-300: #FECE77; /* soft tint — badges, star ratings, highlights */
  --gold-400: #E0B24A;
  --gold-500: #C6921F; /* Primary CTA gold */
  --gold-600: #A9791A; /* CTA hover/active */
  --gold-700: #8A6114;

  /* ── Neutrals ── */
  --white:    #FFFFFF;
  --gray-50:  #FAFBFD;
  --gray-100: #F1F4F8;
  --gray-200: #E2E6EC;
  --gray-300: #C9D2DD;
  --gray-400: #A2ABB8;
  --gray-500: #7B838F;
  --gray-600: #5B6270; /* body copy */
  --ink-800:  #2A2E3D;
  --ink-900:  #1B1D26; /* footer / near-black */

  /* pale blue border used on current site cards */
  --border-blue: #C9D8E0;

  /* ── Semantic aliases ──
     Navy now leads (calm, premium). Electric blue-500 is demoted to an
     ACCENT for gradients, diagonal panels and small highlights — no longer
     used as a full-bleed band. Gold remains the CTA. */
  --brand-primary:        var(--navy-900); /* headers, primary buttons, icons */
  --brand-primary-hover:  var(--navy-800);
  --brand-primary-active: var(--navy-700);
  --brand-secondary:      #3165D9; /* mid blue — secondary actions/links */
  --brand-accent:         var(--blue-500); /* electric blue — accents & gradients only */
  --brand-navy:           var(--navy-900);

  /* Signature accent gradient (hero diagonal panels) */
  --gradient-accent: linear-gradient(150deg, var(--navy-900) 0%, var(--navy-700) 45%, var(--blue-500) 100%);

  --cta:        var(--gold-500);
  --cta-hover:  var(--gold-600);
  --cta-active: var(--gold-700);
  --cta-tint:   var(--gold-300);

  --text-heading:  var(--ink-900);
  --text-body:     var(--gray-600);
  --text-muted:    var(--gray-500);
  --text-inverse:  var(--white);
  --text-on-blue:  var(--white);
  --text-link:     var(--blue-600);

  --surface-page:  var(--white);
  --surface-tint:  #EEF1FB; /* soft lavender-blue section rhythm */
  --surface-lavender: #F3F1FB; /* airy page tint */
  --surface-alt:   var(--gray-50);
  --surface-card:  var(--white);
  --surface-blue:  var(--blue-500); /* accent only — avoid full bands */
  --surface-navy:  var(--navy-900);

  --border-subtle: var(--gray-200);
  --border-strong: var(--gray-300);

  --focus-ring: color-mix(in srgb, var(--blue-500) 55%, transparent);

  --star: var(--gold-300);
}