/* Central Design System Variables - Redesigned & Massive Theme Upgrade */
:root {
  --primary-color: #065F46;        /* Elegant, premium Forest Green (Inbetween #064E3B and #059669) */
  --primary-dark: #023E2F;         /* Deep rich dark green (Inbetween #022C22 and #047857) */
  --accent-emerald: #10B981;       /* Vibrant Emerald */
  --accent-mint: #10B981;          /* Perfect Mint/Emerald mix (Inbetween #059669 and #34D399) */
  --accent-teal: #0D9488;          /* Classic Policy Teal */
  --accent-light-teal: #ECFDF5;    /* Emerald-50: Light mint/green background tint */
  --risk-warning: #DC2626;         /* High Contrast Strong Red */
  --risk-bg: #FEF2F2;              /* Red-50: Light warning red background */
  --risk-border: #FCA5A5;          /* Red-300: High-contrast red border */
  
  --bg-pure: #FFFFFF;              /* Pure white */
  --bg-gradient-start: #ECFDF5;    /* Light Emerald-50 tint for rich background mesh */
  --bg-gradient-end: #F8FAFC;      /* Slate-50: Crisp modern workspace finish */
  --bg-card: #FFFFFF;              /* Crisp card backings */
  --bg-sidebar: #F8FAFC;           /* Clean very light sidebar panels */
  
  --text-title: #0B0F19;           /* Off-black: Maximum readability and high contrast */
  --text-body: #1E293B;            /* Slate-800: Strong body contrast */
  --text-muted: #475569;           /* Slate-600: High contrast subdued descriptions */
  --text-light: #F8FAFC;           /* Slate-50: Clean white-ish contrast */

  --border-color: #CBD5E1;         /* Slate-300: Highly visible crisp grey borders */
  --border-brand: #6EE7B7;         /* Emerald-300: Elegant high contrast green accent lines */

  /* Rich Gradients for massive visual identity upgrade - Refined Intermediate Balance */
  --grad-hero: linear-gradient(135deg, #023E2F 0%, #065F46 50%, #10B981 100%);
  --grad-accent: linear-gradient(135deg, #059669 0%, #10B981 100%);
  --grad-mint-soft: linear-gradient(135deg, #ECFDF5 0%, #A7F3D0 100%);
  --grad-danger-soft: linear-gradient(135deg, #FFF1F2 0%, #FFE4E6 100%);
  --grad-slate-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
  --grad-card-interactive: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);

  /* Shadows - Premium, deep, high contrast and extremely subtle */
  --shadow-subtle: 0 1px 3px 0 rgba(2, 44, 34, 0.05), 0 1px 2px -1px rgba(2, 44, 34, 0.03);
  --shadow-card: 0 4px 20px -2px rgba(2, 44, 34, 0.08), 0 2px 8px -2px rgba(2, 44, 34, 0.04), 0 0 0 1px rgba(2, 44, 34, 0.06);
  --shadow-hover: 0 25px 50px -12px rgba(2, 44, 34, 0.15), 0 10px 20px -10px rgba(2, 44, 34, 0.08), 0 0 0 1px rgba(2, 44, 34, 0.08);

  --font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}