/*
  BRIGHTIRIS design tokens.

  No computed-style/color evidence was captured for the reference site
  (the forensic project scoped its evidence capture to the hero's
  animation mechanism, not sitewide typography/color analysis — see
  projects/terminal-industries/analysis/hero-forensic-report.md, which
  has no typography/color sections). This palette and type scale are an
  original BRIGHTIRIS design decision, informed only by the hero's own
  documented visual mood (dark, night-yard, wireframe/hologram scenes —
  see mechanism-hero.md / hero-forensic-report.md §D), not measured from
  the reference. Documented here as a limitation, not presented as
  recovered fact.
*/

:root {
  /* Color */
  --color-bg: #07090d;
  --color-bg-raised: #0d1119;
  --color-surface: #131826;
  --color-surface-2: #1a2032;
  --color-border: #262d40;
  --color-text: #eef1f8;
  --color-text-dim: #a7afc4;
  --color-text-faint: #6b7488;
  --color-accent: #6ee7ff;
  --color-accent-strong: #9b8cff;
  --color-accent-contrast: #04141a;

  --gradient-iris: linear-gradient(135deg, #6ee7ff 0%, #9b8cff 100%);
  --gradient-scrim: linear-gradient(180deg, rgba(7,9,13,0) 0%, rgba(7,9,13,0.55) 60%, rgba(7,9,13,0.92) 100%);

  /* Type */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --fs-hero: clamp(2rem, 5.4vw, 4.25rem);
  --fs-h1: clamp(1.75rem, 3.4vw, 2.75rem);
  --fs-h2: clamp(1.5rem, 2.6vw, 2.125rem);
  --fs-h3: 1.25rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-normal: 1.55;

  --ls-caps: 0.08em;

  /* Space (8px base scale) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Layout */
  --container-width: 1200px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* Radius / shadow */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-soft: 0 20px 60px -20px rgba(0, 0, 0, 0.55);

  /* Motion (CSS-level fallback easing; JS-driven scroll animation uses
     GSAP eases documented per-component, this is only for hover/focus
     micro-interactions) */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-normal: 260ms;

  /* Z-index scale */
  --z-header: 50;
  --z-hero-content: 5;
  --z-hero-scrim: 3;
  --z-hero-canvas: 1;
}