/* ============================================================
   COMPIE — RAW BRAND SCALES
   colors.css aliases these. In the brandbook they are generated
   from Figma Variables (fig-tokens.css); that file is not part of
   the skill pack, so the scales the token files actually reference
   are defined here. Values come from the Compie brand foundations.
   Load this FIRST, before colors.css.
   ============================================================ */

:root {
  /* Neon Pulse — primary accent */
  --brand-neon-pulse-400: #D8FF33;   /* hover, brighter  */
  --brand-neon-pulse-500: #CEFF00;   /* THE brand green  */
  --brand-neon-pulse-600: #BBE800;   /* pressed, deeper  */

  /* Midnight Core — the anchor surface */
  --brand-midnight-core-500: #01040D; /* page background */
  --brand-midnight-core-450: #1B1D25; /* card / panel    */
  --brand-midnight-core-400: #34363D; /* input / popover */
  --brand-midnight-core-300: #55575D; /* faint text      */

  /* Nebula Mist — the neutral ramp */
  --brand-nebula-mist-0:   #FFFFFF;
  --brand-nebula-mist-50:  #F2F4F8;
  --brand-nebula-mist-200: #C7CDDC;
  --brand-nebula-mist-500: #8691B2;  /* muted body      */
  --brand-nebula-mist-700: #5F677E;
  --brand-nebula-mist-800: #4A5062;

  /* Secondary brand colors — use sparingly, see BRAND.md */
  --brand-digital-surge-500: #00FFFF; /* NEVER on text  */
  --brand-pixel-spark-500:   #FF00E7; /* accents only   */

  /* Extra surface values named in the brand foundations */
  --text-body:        #D7DBE6;  /* long body copy on midnight */
  --border-hairline:  #2A2D37;
  --border-card:      #3A3D49;
  --panel-accent-bg:     #141A05;
  --panel-accent-border: #4A5512;
  --table-row-alt:    #0A0D16;
}