/* ============================================================
   GetHealthPlans — Color tokens
   Derived from the brand mark: deep blue / sky blue / orange.
   ============================================================ */
:root {
  /* ---- Brand: Navy (the "Get" blue, primary) ---- */
  --navy-50:  #EEF2FC;
  --navy-100: #D8E1F8;
  --navy-200: #B4C5F0;
  --navy-300: #8AA1E5;
  --navy-400: #5573D6;
  --navy-500: #2C4FC0;
  --navy-600: #1A3DAE;   /* PRIMARY brand blue */
  --navy-700: #142F8A;
  --navy-800: #0F2466;
  --navy-900: #0A1842;

  /* ---- Brand: Sky (the "Health" blue, secondary) ---- */
  --sky-50:  #E8F5FF;
  --sky-100: #CDEAFF;
  --sky-200: #9BD3FF;
  --sky-300: #5FB8FF;
  --sky-400: #38ABFF;
  --sky-500: #0099FF;    /* SECONDARY brand blue */
  --sky-600: #0A78D4;
  --sky-700: #0860A8;
  --sky-800: #074B82;

  /* ---- Brand: Orange (the "Plans" accent) ---- */
  --orange-50:  #FFF2E8;
  --orange-100: #FFE0CC;
  --orange-200: #FFC299;
  --orange-300: #FFA266;
  --orange-400: #FF8533;
  --orange-500: #FF6602;  /* ACCENT */
  --orange-600: #E25400;
  --orange-700: #B84200;
  --orange-800: #8F3400;

  /* ---- Extended: Soft sage green (Life section theme) ---- */
  --green-50:  #EFF7F1;
  --green-100: #DEF0E4;
  --green-200: #BFE3CC;
  --green-300: #9CD2B0;
  --green-400: #7FBE97;
  --green-500: #5EA97E;
  --green-600: #4A9169;
  --green-700: #3B7955;
  --green-800: #2E6144;

  /* ---- Neutrals (cool slate, tuned to the blue brand) ---- */
  --white:   #FFFFFF;
  --ink-50:  #F7F9FC;
  --ink-100: #EFF2F7;
  --ink-200: #E2E6EE;
  --ink-300: #C8CFDC;
  --ink-400: #9AA4B8;
  --ink-500: #6B768E;
  --ink-600: #4B5872;
  --ink-700: #33415C;
  --ink-800: #1E293F;
  --ink-900: #0B1220;

  /* ---- Semantic status ---- */
  --success-50:  #E7F7EF;
  --success-500: #1FA971;
  --success-600: #138A5B;
  --warning-50:  #FFF6E6;
  --warning-500: #F5A623;
  --warning-600: #C7811A;
  --danger-50:   #FDECEC;
  --danger-500:  #E5484D;
  --danger-600:  #C13438;
  --info-50:     var(--sky-50);
  --info-500:    var(--sky-500);

  /* ============================================================
     Semantic aliases — reference these in components.
     ============================================================ */
  /* Brand */
  --color-primary:        var(--navy-600);
  --color-primary-hover:  var(--navy-700);
  --color-primary-active: var(--navy-800);
  --color-secondary:      var(--sky-500);
  --color-secondary-hover:var(--sky-600);
  --color-accent:         var(--orange-500);
  --color-accent-hover:   var(--orange-600);
  --color-accent-active:  var(--orange-700);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-on-brand: var(--white);
  --text-link:     var(--sky-600);

  /* Surfaces */
  --surface-page:    var(--ink-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--ink-100);
  --surface-inverse: var(--navy-800);
  --surface-brand-soft: var(--navy-50);
  --surface-accent-soft: var(--orange-50);

  /* Borders & rings */
  --border-subtle:  var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong:  var(--ink-400);
  --ring:           var(--sky-400);
  --ring-accent:    var(--orange-300);
}