/* Freeman's Security Team — v4 "Lithic Dark"
   The Lithic system (lithic theme/DESIGN (1).md) executed in dark:
   black & white first, blue as the structural accent, ember orange
   reserved for actions, green strictly for safety/on-post status. */

:root {
  /* Surfaces */
  --vault: #000000;        /* hero + footer, Lithic obsidian */
  --bg: #07090d;           /* page canvas */
  --panel: #0d1320;        /* card surface (blue-black) */
  --panel-2: #121a2b;      /* raised / hover step */
  --line: #1d2740;         /* hairlines on dark */

  /* Light break — Lithic paper-white surface */
  --white: #ffffff;
  --white-line: #e5e5e5;
  --ink: #0a0c10;
  --ink-muted: #5b6470;

  /* Text on dark */
  --text-hi: #f7f9fc;
  --text-mid: #c3ccdc;
  --text-low: #94a0b6;

  /* Accents */
  --blue: #4d7fd1;         /* structural accent: strokes, icons, links */
  --blue-deep: #27406b;    /* arc decoration strokes */
  --orange: #ff6600;       /* actions only (Lithic ember) */
  --orange-hover: #ff8433;
  --orange-ink: #d15400;   /* orange for text on white (AA large) */
  --blue-ink: #2f5cad;     /* blue for text on white (AA) */
  --error-ink: #c24a00;    /* error text on white (AA) */
  --input-line: #d8dce2;   /* field borders on white */
  --safe: #00cc88;         /* security/safety status only */

  /* Type — single grotesque, weights 400/500, tracking -0.02em always */
  --font: 'Schibsted Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --track: -0.02em;

  --text-caption: 14px;
  --text-body: 16px;
  --text-sub: 20px;
  --text-h-sm: 24px;
  --text-h: clamp(30px, 3.6vw, 40px);
  --text-display: clamp(40px, 6vw, 68px);

  /* Rhythm — Lithic 8px base */
  --s-8: 8px;  --s-16: 16px;  --s-24: 24px;  --s-32: 32px;
  --s-40: 40px; --s-48: 48px; --s-64: 64px;  --s-80: 80px; --s-120: 120px;
  --content-max: 1200px;
  --gutter: clamp(20px, 4vw, 48px);
  --section: clamp(80px, 11vh, 120px);

  /* Shape — Lithic radii */
  --r-card: 24px;
  --r-img: 20px;
  --r-sm: 8px;

  /* Elevation — Lithic shadows */
  --shadow-xl: 0px 16px 32px 0px rgba(0, 0, 0, 0.5);
  --shadow-sm: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}