/* CSC System design tokens.
 *
 * Single source of truth for the brand. Values are sampled from the official
 * logo artwork in img/ (system.png, csc.png, system_circle.png): deep navy
 * ground, near-white chrome lettering, electric blue-to-cyan glow.
 *
 * This replaces the previous acid-green-on-near-black palette, which was
 * derived from ZazaPass and is being retired.
 *
 * Hierarchy: TEKZIAN SYSTEMS > CSC SYSTEM > CSC-OS and CSC-PASS (features).
 */

:root {
  /* Ground ------------------------------------------------------------- */
  --navy-950: #000817; /* deepest, page background */
  --navy-900: #001030; /* primary surface, sampled from the logo ground */
  --navy-850: #001a3f;
  --navy-800: #002050; /* raised panels */
  --navy-700: #0a2c63; /* hairlines and borders */
  --navy-600: #14407f;

  /* Brand blues -------------------------------------------------------- */
  --blue-700: #0050f0;
  --blue-600: #0060f0;
  --blue-500: #0090f0; /* primary action */
  --blue-400: #35b4ff;
  --cyan-400: #00d8ff; /* accent / glow */
  --cyan-300: #6ceaff;

  /* Neutrals ----------------------------------------------------------- */
  --white: #f0f4f8;
  --grey-200: #c3d0e0;
  --grey-400: #8fa3bd;
  --grey-500: #6b7e99;

  /* Status ------------------------------------------------------------- */
  --success: #2fd07a;
  --warning: #f5b43c;
  --danger: #ff6b6b;

  /* Semantic aliases --------------------------------------------------- */
  --bg: var(--navy-950);
  --surface: var(--navy-900);
  --surface-raised: var(--navy-800);
  --line: var(--navy-700);
  --accent: var(--cyan-400);
  --accent-strong: var(--blue-500);
  --text: var(--white);
  --text-muted: var(--grey-400);

  /* Typography --------------------------------------------------------- */
  --sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --serif: Georgia, 'Times New Roman', serif;

  /* Effects ------------------------------------------------------------ */
  --glow: 0 0 24px rgba(0, 216, 255, 0.25);
  --glow-strong: 0 0 40px rgba(0, 144, 240, 0.35);
  --radius: 6px;
}