/* ==========================================================================
   GARNET RADAR (MESIN 2 : OBSIDIAN GREEN) : OFFICIAL DESIGN TOKENS
   Nivansware Studios & Garnet Gate DNA Architecture
   Palette: Dark Slate Obsidian (#05070B) + Tactical Phosphor Green (#10B981 / #22C55E)
   Typography: Chakra Petch (Display), Plus Jakarta Sans (Body), JetBrains Mono (Telemetry)
   $10,000 Luxury OSINT Architecture : Zero AI Slop : Zero Em-Dash & Zero Emoji Mandate
   ========================================================================== */

:root {
  /* ==================== 1. CANVASES & MONOCOQUE SURFACES ==================== */
  --radar-bg-void: #030508;                 /* Deep Space Void Base */
  --radar-bg-core: #05070B;                 /* Naked Carbon Obsidian Canvas */
  --radar-bg-base: #070B12;                 /* Primary Cockpit Surface */
  --radar-bg-surface: #0B0F17;              /* Tactical Console Surface */
  --radar-bg-elevated: #111622;             /* Elevated Instrument Mount */
  --radar-bg-card: rgba(14, 18, 27, 0.85);  /* Smoked Acrylic Glass */
  --radar-bg-card-hover: rgba(20, 26, 38, 0.95);
  --radar-bg-glass-inset: rgba(3, 5, 8, 0.75);

  /* ==================== 2. TACTICAL PHOSPHOR ACCENTS (ZHUGU LIANG) ==================== */
  --radar-neon-green: #10B981;              /* Nordschleife Apex Emerald (Primary) */
  --radar-neon-pulse: #22C55E;              /* High-Velocity Phosphor Pulse */
  --radar-neon-cyan: #05F1CD;               /* Bioluminescent Sensor Cyan */
  --radar-neon-emerald-deep: #047857;       /* Deep Tactical Green */
  
  --radar-green-dim: rgba(16, 185, 129, 0.12);
  --radar-green-glow: rgba(16, 185, 129, 0.35);
  --radar-green-beam: rgba(34, 197, 94, 0.45);
  --radar-green-halo: rgba(16, 185, 129, 0.08);

  /* ==================== 3. SECONDARY & ALERT ACCENTS ==================== */
  --radar-neon-amber: #F59E0B;              /* Regulatory Notice / Warning Amber */
  --radar-neon-amber-dim: rgba(245, 158, 11, 0.14);
  --radar-neon-amber-glow: rgba(245, 158, 11, 0.35);

  --radar-neon-crimson: #EF4444;            /* Critical Anomaly / Enforcement Penalty */
  --radar-neon-crimson-dim: rgba(239, 68, 68, 0.16);
  --radar-neon-crimson-glow: rgba(239, 68, 68, 0.4);

  --radar-neon-blue: #38BDF8;               /* NATO & Maritime Surveillance Blue */
  --radar-neon-blue-dim: rgba(56, 189, 248, 0.14);

  /* ==================== 4. HIGH-CONTRAST TYPOGRAPHY PALETTE ==================== */
  --radar-text-high: #F8FAFC;               /* Titanium White (Heading & Readouts) */
  --radar-text-body: #CBD5E1;               /* Clean Reading Neutral */
  --radar-text-med: #94A3B8;                /* Secondary Telemetry Text */
  --radar-text-muted: #64748B;              /* WCAG 2.2 AA Calibrated Timestamp */
  --radar-text-green: #34D399;              /* Luminous Phosphor Readout */

  /* ==================== 5. TYPOGRAPHY FAMILIES ==================== */
  --radar-font-display: 'Chakra Petch', -apple-system, BlinkMacSystemFont, sans-serif;
  --radar-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --radar-font-mono: 'JetBrains Mono', monospace;

  /* ==================== 6. BORDERS & LIGHTBLADE ACCENTS ==================== */
  --radar-border-subtle: rgba(255, 255, 255, 0.08);
  --radar-border-medium: rgba(16, 185, 129, 0.22);
  --radar-border-active: rgba(16, 185, 129, 0.55);
  --radar-border-crimson: rgba(239, 68, 68, 0.45);
  --radar-border-amber: rgba(245, 158, 11, 0.45);
  --radar-border-lightblade: 1px solid rgba(16, 185, 129, 0.32);

  /* ==================== 7. GEOMETRIC CUTS & SHADOWS ==================== */
  --radar-chamfer-sm: 6px;
  --radar-chamfer-md: 10px;
  --radar-chamfer-lg: 14px;
  --radar-btn-clip: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  --radar-card-clip: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  --radar-hud-clip: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);

  --radar-shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.6);
  --radar-shadow-md: 0 16px 38px -10px rgba(0, 0, 0, 0.9), 0 0 20px -4px rgba(16, 185, 129, 0.15);
  --radar-shadow-lg: 0 24px 50px -12px rgba(0, 0, 0, 0.95), 0 0 35px -6px rgba(16, 185, 129, 0.22);
  --radar-glow-green: 0 0 25px rgba(16, 185, 129, 0.45);
  --radar-glow-pulse: 0 0 35px rgba(34, 197, 94, 0.6);

  /* ==================== 8. TIMINGS & DYNAMICS ==================== */
  --radar-trans-snap: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --radar-trans-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --radar-trans-glide: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}