/* securellm.ai theme: the colors, and which theme is the default.
   The shared kit (assets/kit.css, from the enterprisellm repo) supplies the
   layout, type, spacing, motion and components. Contract and divergence
   register: vendor/kit/README.md.

   DIVERGE: default-theme, palette, accent-meaning, chart-emphasis, hero-veil.
   Readers arrive worried: legal or security has told them data mustn't leak
   between departments or be exposed by accident. So the look is clearly
   serious: deep navy pages and light ink, a calm cyan for links and buttons,
   and amber (--alert) only where things go wrong. Dark is the default
   (<html data-default-theme="dark">); the light theme is one click away.
   Contrast figures are against --bg. */

:root {
  --bg: #081221;
  --surface: #0f1d33;
  --surface-2: #15263f;
  --band: #0b1729;
  --ink: #eef2f7;          /* body text: about 16.6:1 */
  --ink-2: #c9d2df;        /* secondary text: about 12:1 */
  --ink-3: #aab6c8;        /* captions: about 8.7:1 */
  --accent: #7cc4ff;       /* links and buttons, calm: the logo's cyan, about 9.9:1 */
  --accent-ink: #04101f;   /* text on accent: about 10:1 */
  --accent-soft: #12304f;
  --alert: #f2b14c;        /* amber, only where things go wrong: about 10.3:1 */
  --alert-ink: #f6c46e;    /* alert text on --alert-soft */
  --alert-soft: #2a2214;
  --rule: #22354f;
  --rule-strong: #3d5375;
  --hover: rgba(124, 196, 255, 0.08);
  --chart-hi: #f2b14c;     /* the risk */
  --chart-mute: #5b6a80;
  --hero-overlay: linear-gradient(100deg, rgba(8,18,33,0.98) 0%, rgba(8,18,33,0.95) 50%, rgba(8,18,33,0.78) 100%);
  --shadow: 0 1px 2px rgba(0,0,0,0.35), 0 10px 30px rgba(0,0,0,0.30);
  /* This site only (not in the kit's contract): the faint glow behind the hero drawing. */
  --hero-glow: radial-gradient(1200px 520px at 78% 30%, rgba(113, 54, 242, 0.20), transparent 60%),
               radial-gradient(900px 480px at 92% 85%, rgba(0, 157, 221, 0.16), transparent 60%);
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f5f9;
  --band: #f2f5f9;
  --ink: #0b1a2e;          /* about 17:1 */
  --ink-2: #33445b;        /* about 9.9:1 */
  --ink-3: #46566c;        /* about 7.4:1 */
  --accent: #0b5fb3;       /* about 6.6:1 */
  --accent-ink: #ffffff;
  --accent-soft: #e6eff9;
  --alert: #8a5300;        /* about 6.4:1 */
  --alert-ink: #6e4200;
  --alert-soft: #fbf1e1;
  --rule: #dde3ea;
  --rule-strong: #a7b2c1;
  --hover: rgba(11, 95, 179, 0.06);
  --chart-hi: #8a5300;     /* the risk: about 6.3:1, also used for the headline numbers */
  --chart-mute: #a3adbb;
  --hero-overlay: linear-gradient(100deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.92) 50%, rgba(255,255,255,0.4) 100%);
  --shadow: 0 1px 2px rgba(11,26,46,0.06), 0 8px 24px rgba(11,26,46,0.06);
  --hero-glow: radial-gradient(1200px 520px at 78% 30%, rgba(113, 54, 242, 0.07), transparent 60%);
  color-scheme: light;
}