/* ==========================================================================
   ZEROPOINT — CORPORATE IDENTITY DESIGN TOKENS
   Authoritative Source: ZEROPOINT Brand & Corporate Identity Guide (CI)
   ========================================================================== */

:root {
  /* --- BRAND COLOUR PALETTE (CI Section 03) --- */
  --color-bg-void: #070A10;              /* OLED Ultra-Dark Canvas */
  --color-peacoat: #192231;              /* Primary Brand Background (60%) */
  --color-peacoat-deep: #0C141F;         /* Deep Opaque Card Surface */
  --color-surf-web: #1D3557;             /* Secondary Elevated Background (20%) */
  --color-surf-web-glass: rgba(29, 53, 87, 0.65); /* Glassmorphic Surface */
  --color-dazzling-blue: #2B579A;        /* Highlight / Action Colour (10%) */
  --color-dazzling-hover: #3A6FC0;       /* Interactive Highlight Hover */
  --color-blue-deep: #0B2972;            /* CI: primary button fill on dark */
  --color-blue-active: #14235F;          /* CI: active sidebar / nav item on dark */
  --color-blue-tint: #8FB6F0;            /* Tint of Dazzling Blue for text-on-dark and 1px details */
  --color-stormy-weather: #5A6F8A;       /* Supporting / Border Colour (8%) */
  --color-stormy-subtle: rgba(90, 111, 138, 0.25); /* Subtle Borders & Grid */
  --color-cool-gray: #75787B;            /* Neutral Muted Text (6%) */
  --color-body-dim: #A9B7C7;             /* Body copy on near-black. Derived tint. */
  --color-bright-white: #F4F4F0;         /* High-Contrast Bright White (6%) */
  --color-pure-white: #FFFFFF;
  
  /* --- STATUS & SIGNAL INDICATORS --- */
  --color-signal-green: #00E599;         /* Live Node Health / 98.7% Operational */
  --color-signal-glow: rgba(0, 229, 153, 0.4);

  /* --- TYPOGRAPHY FAMILIES (CI Section 03 & 05) --- */
  --font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, monospace;

  /* --- TYPE SCALE & HIERARCHY (CI Page 12) --- */
  /* Display: Extra Bold 72px / 112% */
  --text-display-size: clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --text-display-line: 1.12;
  --text-display-weight: 800;
  --text-display-tracking: -0.03em;

  /* H1: Bold 56px / 115% */
  --text-h1-size: clamp(2.2rem, 4vw + 0.8rem, 3.5rem);
  --text-h1-line: 1.15;
  --text-h1-weight: 700;
  --text-h1-tracking: -0.025em;

  /* H2: Semi Bold 40px / 120% */
  --text-h2-size: clamp(1.6rem, 2.5vw + 0.5rem, 2.5rem);
  --text-h2-line: 1.20;
  --text-h2-weight: 600;
  --text-h2-tracking: -0.02em;

  /* H3: Semi Bold 28px / 130% */
  --text-h3-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem);
  --text-h3-line: 1.30;
  --text-h3-weight: 600;

  /* Body Large: Medium 18px / 150% */
  --text-body-large-size: 1.125rem;
  --text-body-large-line: 1.50;
  --text-body-large-weight: 500;

  /* Body: Regular 16px / 150% */
  --text-body-size: 1rem;
  --text-body-line: 1.50;
  --text-body-weight: 400;

  /* Small: Regular 14px / 143% */
  --text-small-size: 0.875rem;
  --text-small-line: 1.43;
  --text-small-weight: 400;

  /* Caption: Medium 12px / 133% */
  --text-caption-size: 0.75rem;
  --text-caption-line: 1.33;
  --text-caption-weight: 500;

  /* --- 8PT SPACING SYSTEM (CI Page 25 & 27) --- */
  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;

  /* --- RADII & BORDERS (CI Page 25) --- */
  --radius-control: 12px;                /* Buttons, Inputs, Hit Areas (48px) */
  --radius-card: 16px;                   /* Elevated Cards & Panels */
  --radius-pill: 9999px;                 /* Status Pills & Badges */
  --border-width: 1px;
  --border-subtle: 1px solid var(--color-stormy-subtle);
  --border-highlight: 1px solid rgba(143, 182, 240, 0.28);

  /* --- ELEVATION & GLOW EFFECTS --- */
  --shadow-card: 0 0 0 1px rgba(244, 244, 240, 0.10);
  --shadow-card-hover: 0 0 0 1px rgba(244, 244, 240, 0.18);
  --zp-glow-blue: #2B579A;               /* Sole site glow: hero sphere rim back-glow */
  --zp-glow-blue-soft: rgba(43, 87, 154, 0.45);
  --glow-aperture: 0 0 80px rgba(43, 87, 154, 0.30), 0 0 160px rgba(43, 87, 154, 0.22);
  --glow-button: 0 0 24px rgba(43, 87, 154, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);

  /* --- MOTION & EASING (CI Page 25) --- */
  --anim-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --anim-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --anim-smooth: 450ms cubic-bezier(0.16, 1, 0.3, 1);

  /* --- LAYOUT BOUNDS (CI Page 26) --- */
  --container-max-width: 1168px;         /* CI 12-Column Content Width */
  --container-wide-width: 1320px;
}