/* Speedcast — Color tokens
   Base brand palette from the Speedcast brand guidelines, plus
   neutral and semantic scales derived to support full UI work. */

:root {
  /* ---- Base brand palette ---- */
  --sc-primary-teal: #00A6B4; /* primary brand color, CTAs, accents */
  --sc-dark-teal:    #1B4F5D; /* dark headers, footer bars */
  --sc-mint:         #40BBA6; /* secondary accent, highlights */
  --sc-deep-blue:    #213B4A; /* body text on light, dark slide bg */
  --sc-mid-teal:     #0694A2; /* charts, hover states */
  --sc-white:        #FFFFFF;
  --sc-light-gray:   #F5F5F5;

  /* ---- Teal scale (tints + shades of primary) ---- */
  --teal-50:  #E6F6F8;
  --teal-100: #C2EAEE;
  --teal-200: #8DD8DF;
  --teal-300: #4FC3CD;
  --teal-400: #1FB0BD;
  --teal-500: #00A6B4; /* = primary-teal */
  --teal-600: #0694A2; /* = mid-teal */
  --teal-700: #0C7C88;
  --teal-800: #135C68;
  --teal-900: #1B4F5D; /* = dark-teal */

  /* ---- Neutral / ink scale ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7F9FA;
  --neutral-100: #F5F5F5; /* = light-gray */
  --neutral-200: #E6EAEC;
  --neutral-300: #D2D9DC;
  --neutral-400: #A9B4B9;
  --neutral-500: #7C8B92;
  --neutral-600: #5A6970;
  --neutral-700: #3C4D55;
  --neutral-800: #213B4A; /* = deep-blue */
  --neutral-900: #142733;

  /* ---- Semantic status colors ---- */
  --green-500:  #2E9E6B;
  --green-100:  #DBF1E6;
  --amber-500:  #E8A02C;
  --amber-100:  #FBEED2;
  --red-500:    #D6483B;
  --red-100:    #F8DDDA;
  --blue-500:   #2D7FB8;
  --blue-100:   #DCEBF5;

  /* ---- Semantic aliases (use these in UI) ---- */
  --color-brand:           var(--sc-primary-teal);
  --color-brand-hover:     var(--sc-mid-teal);
  --color-brand-active:    var(--teal-700);
  --color-accent:          var(--sc-mint);

  --text-strong:   var(--neutral-900);
  --text-body:     var(--sc-deep-blue);
  --text-muted:    var(--neutral-600);
  --text-subtle:   var(--neutral-500);
  --text-inverse:  var(--sc-white);
  --text-brand:    var(--sc-primary-teal);
  --text-link:     var(--sc-mid-teal);

  --surface-page:      var(--neutral-50);
  --surface-card:      var(--sc-white);
  --surface-subtle:    var(--neutral-100);
  --surface-sunken:    var(--neutral-200);
  --surface-dark:      var(--sc-dark-teal);
  --surface-darkest:   var(--sc-deep-blue);
  --surface-brand:     var(--sc-primary-teal);

  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-brand:   var(--sc-primary-teal);

  --status-success: var(--green-500);
  --status-warning: var(--amber-500);
  --status-danger:  var(--red-500);
  --status-info:    var(--blue-500);

  /* ---- Chart sequence (brand-defined order) ---- */
  --chart-1: #00A6B4;
  --chart-2: #40BBA6;
  --chart-3: #0694A2;
  --chart-4: #1B4F5D;
  --chart-5: #213B4A;
  --chart-6: #CCCCCC;
}