/* UMBRA — Color tokens
   Dark-first palette. Black canvas, crimson eclipse accents, cold grays.
   Backgrounds permitted: #0D0D0D (preferred), #000000, max #1A1A1A. */

:root {
  /* ---- Core brand ---- */
  --umbra-void: #0D0D0D;        /* absolute black — primary canvas */
  --umbra-core: #000000;        /* pure black — eclipse core, max contrast */
  --umbra-crimson: #CC0000;     /* high-intensity accent, inner corona */
  --umbra-blood: #880000;       /* mid corona, secondary accent */
  --umbra-ash: #B0B0B0;         /* cold gray — wordmark, primary text */
  --umbra-slate: #4D4D4D;       /* dark gray — tagline, secondary text */

  /* ---- Neutral ramp (cold, desaturated) ---- */
  --gray-950: #0D0D0D;
  --gray-900: #141414;
  --gray-850: #1A1A1A;          /* max permitted background */
  --gray-800: #222222;
  --gray-700: #2E2E2E;
  --gray-600: #3A3A3A;
  --gray-500: #4D4D4D;
  --gray-400: #6B6B6B;
  --gray-300: #8C8C8C;
  --gray-200: #B0B0B0;
  --gray-100: #D4D4D4;
  --gray-050: #ECECEC;

  /* ---- Crimson ramp ---- */
  --crimson-900: #3D0000;
  --crimson-800: #5C0000;
  --crimson-700: #880000;       /* blood */
  --crimson-600: #A30000;
  --crimson-500: #CC0000;       /* crimson */
  --crimson-400: #E81515;
  --crimson-300: #FF3B3B;       /* hover / hot accent */

  /* ---- Semantic status ---- */
  --status-critical: #CC0000;   /* crimson — critical findings */
  --status-high: #E8541A;       /* ember */
  --status-medium: #D9A300;     /* amber */
  --status-low: #6BA300;        /* muted lime */
  --status-info: #4D7FB0;       /* cold steel blue */
  --status-success: #2E9E5B;    /* contained / patched */

  /* ---- Semantic surfaces ---- */
  --surface-canvas: var(--umbra-void);     /* page background */
  --surface-sunken: var(--umbra-core);     /* wells, code, terminals */
  --surface-card: #141414;                 /* raised panels */
  --surface-card-hover: #1A1A1A;
  --surface-overlay: #1A1A1A;              /* modals, menus */
  --surface-inset: #0A0A0A;

  /* ---- Semantic borders ---- */
  --border-subtle: #222222;     /* hairlines between sections */
  --border-default: #2E2E2E;    /* card edges, inputs */
  --border-strong: #3A3A3A;     /* hover edges */
  --border-accent: #CC0000;     /* focus, active, selected */

  /* ---- Semantic text ---- */
  --text-primary: #B0B0B0;      /* body, wordmark gray */
  --text-bright: #D4D4D4;       /* headings on dark */
  --text-secondary: #8C8C8C;    /* supporting copy */
  --text-muted: #4D4D4D;        /* taglines, disabled, captions */
  --text-accent: #CC0000;       /* links, emphasis */
  --text-on-accent: #0D0D0D;    /* text over crimson fills */
  --text-inverse: #0D0D0D;      /* text on light (rare) */
}