/* ==========================================================================
   Verant Design Tokens — Tier-1 Enterprise Standard
   Signature Verant Gold (#F7A81B) & Obsidian Slate System
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Geist:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  /* Color Palette - Obsidian Slate Core */
  --bg-main: #08090C;
  --bg-surface: #0E1015;
  --bg-surface-elevated: #141720;
  --bg-surface-hover: #1A1E2B;
  --bg-card: rgba(14, 16, 21, 0.92);
  --bg-card-hover: rgba(20, 23, 32, 0.96);
  --bg-glass: rgba(10, 12, 17, 0.85);
  --bg-code: #050608;
  --bg-deep: #040507;

  /* Verant Official Brand Color Palette (Extracted from Brand Mark) */
  --brand-primary: #F7A81B;
  --brand-secondary: #FFAF26;
  --brand-dark: #D98808;
  --accent-amber: #F7A81B;
  --accent-gold: #FFAF26;
  --accent-solar: #FF9900;
  --accent-copper: #EA580C;
  --accent-emerald: #10B981;
  --accent-amber-glow: rgba(247, 168, 27, 0.35);

  /* Typography Colors - High-Legibility Enterprise System */
  --text-pure: #ffffff;
  --text-primary: #F3F4F6;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;
  --text-dim: #4B5563;

  /* Borders & Precision Strokes */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-medium: rgba(255, 255, 255, 0.12);
  --border-bright: rgba(255, 255, 255, 0.22);
  --border-amber: rgba(247, 168, 27, 0.3);
  --border-strong: rgba(247, 168, 27, 0.45);

  /* Gradients */
  --grad-primary: #ffffff;
  --grad-amber: linear-gradient(135deg, #F7A81B 0%, #FFAF26 100%);
  --grad-solar: linear-gradient(135deg, #FFAF26 0%, #EA580C 100%);
  --grad-verant: linear-gradient(135deg, #F7A81B 0%, #D98808 100%);
  --grad-text-hero: linear-gradient(180deg, #ffffff 40%, #E5E7EB 100%);
  --grad-card-top: linear-gradient(90deg, transparent 0%, rgba(247, 168, 27, 0.35) 50%, transparent 100%);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.8);
  --glow-amber-lg: 0 0 50px rgba(247, 168, 27, 0.25);

  /* Font Families */
  --font-sans: 'Geist', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Geist', 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', 'Space Mono', monospace;

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

@property --beam-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

@keyframes conic-beam-spin {
  from { --beam-angle: 0deg; }
  to   { --beam-angle: 360deg; }
}