/* Space Cadets Brand Tokens — Colors
 *
 * Source of truth: Notion SC Brand Tokens database (d21cd34f-6078-4b1b-9142-7b011aa541ef)
 * Approved palette: 2026-03-11 by Kevin Wetzel
 * Extracted into brand kit: 2026-04-29
 *
 * Use via:
 *   @import url('./colors.css');
 *   color: var(--sc-yellow);
 *
 * Or pull from VPS (legacy 4-color version still hosted there):
 *   <link rel="stylesheet" href="https://docs.space-cadets.co/brand/templates/brand-tokens.css">
 *   (Note: VPS version is currently the legacy 4-color set; this file is the full canonical 14-color palette.)
 */

:root {
  /* ----------------------------------------------------------
   * Tier 1 — Core
   * ---------------------------------------------------------- */
  --sc-black:        #000000;
  --sc-yellow:       #F7B700;
  --sc-white:        #FFFFFF;

  /* ----------------------------------------------------------
   * Tier 2 — Supporting
   * ---------------------------------------------------------- */
  --sc-grey:         #F2F2F2;
  --sc-blue:         #003158; /* Legacy — use only when explicitly requested */

  /* ----------------------------------------------------------
   * Tier 3 — Extended Neutrals
   * ---------------------------------------------------------- */
  --sc-charcoal:     #2B2B2B;
  --sc-slate:        #6B7280;
  --sc-light-grey:   #E5E5E5;

  /* ----------------------------------------------------------
   * Tier 4 — Accent (Space-Themed)
   * ---------------------------------------------------------- */
  --sc-gold:         #C47F17; /* Solar flares, stellar gold */
  --sc-sky-blue:     #4A90D9; /* Earth's atmosphere from orbit */
  --sc-teal:         #0D9488; /* Bioluminescence, terraformed worlds */
  --sc-aurora:       #1E8C5E; /* Deep emerald, Earth from orbit */
  --sc-mars:         #C44536; /* Martian soil, re-entry glow */
  --sc-nebula:       #6B3FA0; /* Deep space nebula clouds */

  /* ----------------------------------------------------------
   * Semantic aliases
   * ---------------------------------------------------------- */
  --sc-bg-dark:           var(--sc-black);
  --sc-bg-light:          var(--sc-white);
  --sc-bg-subtle:         var(--sc-grey);
  --sc-text-on-dark:      var(--sc-white);
  --sc-text-on-light:     var(--sc-charcoal);
  --sc-text-secondary:    var(--sc-slate);
  --sc-border:            var(--sc-light-grey);
  --sc-accent-primary:    var(--sc-yellow);
  --sc-accent-warm:       var(--sc-gold);
  --sc-accent-cool:       var(--sc-sky-blue);

  /* Functional palette */
  --sc-success:           var(--sc-teal);
  --sc-success-alt:       var(--sc-aurora);
  --sc-warning:           var(--sc-mars);
  --sc-info:              var(--sc-sky-blue);
  --sc-premium:           var(--sc-nebula);
  --sc-highlight-active:  var(--sc-yellow);
}
