/* ==========================================================================
   THEME VARIABLES & COLOR PALETTE
   Radar Cockpit (Obsidian Slate & Cyber Amber)
   WCAG AA Contrast Compliant. Precision Aviation & Telemetry Aesthetic.
   ========================================================================== */

:root {
  /* Default: Dark Obsidian Slate Cockpit */
  --bg-base: #0B0F17;
  --bg-panel: #121824;
  --bg-surface-elevated: #1A2234;
  --border-subtle: #222D42;
  --border-strong: #33415E;

  --text-main: #F1F5F9;
  --text-muted: #94A3B8;
  --text-dim: #64748B;

  /* Single Sharp Accent: Cyber Amber / Electric Brass Gold */
  --accent: #F59E0B;
  --accent-hover: #D97706;
  --accent-subtle: rgba(245, 158, 11, 0.15);
  --accent-contrast: #0B0F17;

  /* Precision Semantic Indicators */
  --semantic-success: #10B981;
  --semantic-success-subtle: rgba(16, 185, 129, 0.15);
  --semantic-success-contrast: #0B0F17;

  --semantic-warning: #F59E0B;
  --semantic-warning-subtle: rgba(245, 158, 11, 0.15);
  --semantic-warning-contrast: #0B0F17;

  --semantic-danger: #EF4444;
  --semantic-danger-subtle: rgba(239, 68, 68, 0.15);
  --semantic-danger-contrast: #FFFFFF;

  /* Direct Action: WhatsApp Brand Color (Radar Tinted) */
  --wa-primary: #25D366;
  --wa-primary-hover: #20BA5A;
  --wa-text: #05200D;

  /* Typography */
  --font-display: 'Bricolage Grotesque', serif, sans-serif;
  --font-body: 'Instrument Sans', -apple-system, sans-serif;
  --font-mono: 'DM Mono', monospace;

  /* Radii & Shadows */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-warm: 0 6px 24px rgba(5, 10, 20, 0.55);
  --shadow-subtle: 0 1px 4px rgba(5, 10, 20, 0.35);

  /* Transitions */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Explicit Light Mode (Crisp Blueprint Slate) */
[data-theme="light"] {
  --bg-base: #F8FAFC;
  --bg-panel: #FFFFFF;
  --bg-surface-elevated: #F1F5F9;
  --border-subtle: #E2E8F0;
  --border-strong: #CBD5E1;

  --text-main: #0F172A;
  --text-muted: #475569;
  --text-dim: #94A3B8;

  --accent: #D97706;
  --accent-hover: #B45309;
  --accent-subtle: rgba(217, 119, 6, 0.12);
  --accent-contrast: #FFFFFF;

  --semantic-success: #059669;
  --semantic-success-subtle: rgba(5, 150, 105, 0.12);
  --semantic-success-contrast: #FFFFFF;

  --semantic-warning: #D97706;
  --semantic-warning-subtle: rgba(217, 119, 6, 0.12);
  --semantic-warning-contrast: #FFFFFF;

  --semantic-danger: #DC2626;
  --semantic-danger-subtle: rgba(220, 38, 38, 0.12);
  --semantic-danger-contrast: #FFFFFF;

  --wa-primary: #1EA952;
  --wa-primary-hover: #178942;
  --wa-text: #FFFFFF;

  --shadow-warm: 0 6px 20px rgba(15, 23, 42, 0.08);
  --shadow-subtle: 0 1px 3px rgba(15, 23, 42, 0.05);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg-base: #F8FAFC;
    --bg-panel: #FFFFFF;
    --bg-surface-elevated: #F1F5F9;
    --border-subtle: #E2E8F0;
    --border-strong: #CBD5E1;

    --text-main: #0F172A;
    --text-muted: #475569;
    --text-dim: #94A3B8;

    --accent: #D97706;
    --accent-hover: #B45309;
    --accent-subtle: rgba(217, 119, 6, 0.12);
    --accent-contrast: #FFFFFF;

    --semantic-success: #059669;
    --semantic-success-subtle: rgba(5, 150, 105, 0.12);
    --semantic-success-contrast: #FFFFFF;

    --semantic-warning: #D97706;
    --semantic-warning-subtle: rgba(217, 119, 6, 0.12);
    --semantic-warning-contrast: #FFFFFF;

    --semantic-danger: #DC2626;
    --semantic-danger-subtle: rgba(220, 38, 38, 0.12);
    --semantic-danger-contrast: #FFFFFF;

    --wa-primary: #1EA952;
    --wa-primary-hover: #178942;
    --wa-text: #FFFFFF;
  }
}