/**
 * Maven Design Tokens — Alpine Precision Emerald System
 * Ultra-Clean Neo-Grotesque Swiss Minimalist Architecture
 */

:root {
  /* Brand Primary: Deep Pine & Emerald */
  --mvn-pine-950: #031411;
  --mvn-pine-900: #062A24;
  --mvn-pine-800: #0D4A3E;
  --mvn-pine-700: #115E59;
  
  --mvn-emerald-600: #059669;
  --mvn-emerald-500: #10B981;
  --mvn-emerald-400: #34D399;
  --mvn-emerald-100: #D1FAE5;
  --mvn-emerald-50: #ECFDF5;

  /* Slate Scale */
  --mvn-slate-50: #F8FAFC;
  --mvn-slate-100: #F1F5F9;
  --mvn-slate-200: #E2E8F0;
  --mvn-slate-300: #CBD5E1;
  --mvn-slate-400: #94A3B8;
  --mvn-slate-500: #64748B;
  --mvn-slate-600: #475569;
  --mvn-slate-700: #334155;
  --mvn-slate-800: #1E293B;
  --mvn-slate-900: #0F172A;

  /* Semantic Data Variance */
  --mvn-favorable: var(--mvn-emerald-500);
  --mvn-favorable-light: var(--mvn-emerald-50);
  --mvn-favorable-dark: var(--mvn-emerald-600);

  --mvn-vulnerable: #F59E0B;
  --mvn-vulnerable-light: #FFFBEB;
  --mvn-vulnerable-dark: #B45309;

  --mvn-critical: #EF4444;
  --mvn-critical-light: #FEF2F2;
  --mvn-critical-dark: #B91C1C;

  /* Lineage & Inspection (Deep Teal/Emerald) */
  --mvn-lineage: #0D9488;
  --mvn-lineage-light: #F0FDFA;
  --mvn-lineage-dark: #0F766E;

  /* Default Surface (Light Warm Paper Theme - Swiss Architectural) */
  --mvn-bg: #FBFBF9;
  --mvn-surface: #FFFFFF;
  --mvn-surface-alt: #F4F4F0;
  --mvn-border: #E2E8F0;
  --mvn-border-strong: #94A3B8;
  --mvn-text-primary: var(--mvn-pine-900);
  --mvn-text-secondary: #475569;
  --mvn-text-muted: #475569;

  /* Typography - Swiss Neo-Grotesque Stack */
  --mvn-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mvn-font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, monospace;

  /* Swiss Typography Tracking & Weight Tokens */
  --mvn-tracking-tight: -0.025em;
  --mvn-tracking-normal: 0em;
  --mvn-tracking-wide: 0.06em;
  --mvn-weight-extrabold: 800;

  /* Spacing Rhythm (8pt Geometric Scale) */
  --mvn-space-xs: 4px;
  --mvn-space-sm: 8px;
  --mvn-space-md: 16px;
  --mvn-space-lg: 24px;
  --mvn-space-xl: 32px;
  --mvn-space-2xl: 48px;

  /* Radius (Swiss Minimalist Strict 2px Scale) */
  --mvn-radius-sm: 2px;
  --mvn-radius-md: 2px;
  --mvn-radius-lg: 2px;
  --mvn-radius-xl: 2px;

  /* Shadow & Blur Tokens (Swiss Minimalist Flat - Zero Blur / Flat Crisp Shadows) */
  --mvn-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --mvn-shadow-md: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --mvn-focus-ring: 0 0 0 2px var(--mvn-emerald-500);
}

/* Dark Theme Overrides (Executive Dark Slate Structural Canvas) */
[data-theme="dark"],
.theme-dark {
  --mvn-bg: #0B111A;
  --mvn-surface: #131D2A;
  --mvn-surface-alt: #1A2636;
  --mvn-surface-elevated: #223246;
  --mvn-border: #233245;
  --mvn-border-strong: #475569;
  --mvn-text-primary: #F8FAFC;
  --mvn-text-secondary: #CBD5E1;
  --mvn-text-muted: #94A3B8;
  --mvn-favorable-light: rgba(16, 185, 129, 0.15);
  --mvn-vulnerable-light: rgba(245, 158, 11, 0.15);
  --mvn-critical-light: rgba(239, 68, 68, 0.15);
  --mvn-lineage-light: rgba(13, 148, 136, 0.2);
}

