/* VEIL design tokens — generated from docs/brand-guidelines.md (v1.0, 2026-10-16). Edit the guidelines, then regenerate. */
:root {
  /* primary */
  --veil-cyan: #5A9BFC; /* accent: cornflower (name kept for compatibility) */
  --veil-cyan-deep: #3D82F0;
  /* secondary */
  --veil-steel: #8FB4E6;
  --veil-teal: #24488C;
  /* neutrals */
  --veil-bg: #0A0D14;
  --veil-surface: #131824;
  --veil-surface-raised: #1A2132;
  --veil-text: #E9EDF3;
  --veil-text-muted: #9AA6B8;
  --veil-border: #222B3D;
  /* semantic */
  --veil-success: #2FD38A;
  --veil-warning: #F5B942;
  --veil-error: #FF5D6C;
  --veil-info: #8FB4E6;
  /* type */
  --veil-font-heading: 'Space Grotesk', system-ui, sans-serif;
  --veil-font-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --veil-size-display: clamp(2.75rem, 1.2rem + 5.2vw, 5.5rem);
  --veil-size-h1: clamp(2.25rem, 1.3rem + 3vw, 3.5rem);
  --veil-size-h2: clamp(1.875rem, 1.3rem + 1.6vw, 2.5rem);
  --veil-size-h3: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
  --veil-size-body: clamp(1.0625rem, 1rem + 0.15vw, 1.125rem);
  --veil-size-small: 0.875rem;
  /* shape and depth */
  --veil-radius: 14px;
  --veil-radius-sm: 10px;
  --veil-glass: rgba(19, 24, 36, 0.72);
  --veil-glow: 0 0 0 1px rgba(90, 155, 252, 0.35), 0 0 32px rgba(90, 155, 252, 0.25);
  /* premium finish (guidelines §7) */
  --veil-radius-button: 12px;
  --veil-edge: rgba(255, 255, 255, 0.07);
  --veil-edge-highlight: rgba(255, 255, 255, 0.14);
  --veil-grain-opacity: 0.05;
  --veil-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}