:root {
  /* Core Color Palette - Enterprise Industrial & Grain FMCG */
  --bg-primary: #070b16;
  --bg-secondary: #0f172a;
  --bg-surface: #1e293b;
  --bg-surface-elevated: #283548;
  --bg-hover: #334155;
  --bg-glass: rgba(15, 23, 42, 0.75);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.4), rgba(59, 130, 246, 0.2), rgba(245, 158, 11, 0.4));

  /* Brand Accents */
  --color-primary: #10b981; /* GrainFlow Emerald */
  --color-primary-hover: #059669;
  --color-primary-glow: rgba(16, 185, 129, 0.35);
  --color-primary-neon: #00ffaa;
  
  --color-accent: #3b82f6; /* Blue Accent */
  --color-accent-glow: rgba(59, 130, 246, 0.35);
  --color-accent-neon: #38bdf8;

  --color-gold: #f59e0b; /* Harvest Gold */
  --color-gold-glow: rgba(245, 158, 11, 0.35);
  --color-gold-neon: #fbbf24;

  --color-danger: #ef4444; /* Alert Crimson */
  --color-danger-glow: rgba(239, 68, 68, 0.35);

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-info: #06b6d4;

  /* Typography Colors */
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-inverse: #0f172a;

  /* Fonts */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
  --font-serif: Georgia, Cambria, 'Times New Roman', Times, serif;

  /* 3D Geometry & Shadows */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  --shadow-md: 0 6px 12px -2px rgba(0, 0, 0, 0.35), 0 3px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 14px 28px -4px rgba(0, 0, 0, 0.5), 0 8px 12px -4px rgba(0, 0, 0, 0.3);
  --shadow-3d: 0 20px 40px -10px rgba(0, 0, 0, 0.6), 0 0 1px 1px rgba(255, 255, 255, 0.1);
  --shadow-glow: 0 0 25px var(--color-primary-glow);
  --shadow-neon: 0 0 35px rgba(16, 185, 129, 0.5), 0 0 60px rgba(59, 130, 246, 0.25);

  /* Layout dimensions */
  --sidebar-width: 265px;
  --sidebar-collapsed-width: 72px;
  --topbar-height: 68px;

  /* Master Document Themes - Palettes for Formats */
  --fmt-emerald: #059669;
  --fmt-sky: #0284c7;
  --fmt-teal: #0d9488;
  --fmt-silver: #64748b;
  --fmt-lavender: #8b5cf6;
  --fmt-golden: #d97706;
  --fmt-pastel-nexus: #4f46e5;
  --fmt-navy-gold: #1e3a8a;
  --fmt-graphite: #334155;
  --fmt-warm-luxury: #92400e;
  --fmt-coral-violet: #db2777;
  --fmt-horizon-blue: #2563eb;

  /* Ultra-Modern Text Fill & Form Controls System */
  --input-bg: rgba(15, 23, 42, 0.7);
  --input-bg-hover: rgba(30, 41, 59, 0.85);
  --input-bg-focus: rgba(10, 15, 28, 0.98);
  --input-border: rgba(255, 255, 255, 0.14);
  --input-border-hover: rgba(255, 255, 255, 0.28);
  --input-border-focus: var(--color-primary);
  --input-ring: 0 0 0 3.5px rgba(16, 185, 129, 0.25), 0 8px 24px -4px rgba(0, 0, 0, 0.45);
  --input-shadow: inset 0 1.5px 2px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(255, 255, 255, 0.05);
  --input-radius: 10px;
  --input-text: var(--text-main);
  --input-placeholder: rgba(148, 163, 184, 0.6);
  --input-chevron: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Premium Neon Glow Mode */
body.premium-glow {
  --border-subtle: var(--color-primary-glow);
  --border-strong: var(--color-primary);
  --shadow-md: 0 0 20px var(--color-primary-glow);
  --shadow-lg: 0 0 40px var(--color-primary-glow);
}

/* ==========================================
   4 DISTINCT ENTERPRISE THEMES
   ========================================== */

/* 1. Emerald Cyber (Default Dark) */
[data-theme="emerald"] {
  --bg-primary: #070b16;
  --bg-secondary: #0f172a;
  --bg-surface: #1e293b;
  --bg-surface-elevated: #283548;
  --bg-hover: #334155;
  --bg-glass: rgba(15, 23, 42, 0.78);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.4), rgba(59, 130, 246, 0.2), rgba(245, 158, 11, 0.4));

  --color-primary: #10b981;
  --color-primary-hover: #059669;
  --color-primary-glow: rgba(16, 185, 129, 0.35);
  --color-primary-neon: #00ffaa;
  
  --color-accent: #3b82f6;
  --color-accent-glow: rgba(59, 130, 246, 0.35);
  --color-accent-neon: #38bdf8;

  --color-gold: #f59e0b;
  --color-gold-glow: rgba(245, 158, 11, 0.35);

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-inverse: #0f172a;

  --shadow-glow: 0 0 25px var(--color-primary-glow);
  --shadow-neon: 0 0 35px rgba(16, 185, 129, 0.5), 0 0 60px rgba(59, 130, 246, 0.25);
}

/* 2. Mandi Gold (Harvest Amber Luxury) */
[data-theme="gold"] {
  --bg-primary: #0c0a07;
  --bg-secondary: #17130c;
  --bg-surface: #231d14;
  --bg-surface-elevated: #31281c;
  --bg-hover: #423626;
  --bg-glass: rgba(23, 19, 12, 0.85);
  --border-subtle: rgba(245, 158, 11, 0.15);
  --border-strong: rgba(245, 158, 11, 0.32);
  --border-gradient: linear-gradient(135deg, rgba(245, 158, 11, 0.55), rgba(234, 88, 12, 0.3), rgba(251, 191, 36, 0.45));

  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-primary-glow: rgba(245, 158, 11, 0.4);
  --color-primary-neon: #fbbf24;

  --color-accent: #ea580c;
  --color-accent-glow: rgba(234, 88, 12, 0.35);
  --color-accent-neon: #fb923c;

  --color-gold: #fbbf24;
  --color-gold-glow: rgba(251, 191, 36, 0.45);

  --text-main: #fefce8;
  --text-muted: #d5be9b;
  --text-dim: #998367;
  --text-inverse: #17130c;

  --shadow-glow: 0 0 25px rgba(245, 158, 11, 0.4);
  --shadow-neon: 0 0 35px rgba(245, 158, 11, 0.5), 0 0 60px rgba(234, 88, 12, 0.25);

  --input-bg: rgba(23, 19, 12, 0.75);
  --input-bg-hover: rgba(49, 40, 28, 0.85);
  --input-bg-focus: rgba(16, 13, 8, 0.98);
  --input-border: rgba(245, 158, 11, 0.2);
  --input-border-hover: rgba(245, 158, 11, 0.45);
  --input-border-focus: #f59e0b;
  --input-ring: 0 0 0 3.5px rgba(245, 158, 11, 0.25), 0 8px 24px -4px rgba(0, 0, 0, 0.45);
  --input-shadow: inset 0 1.5px 2px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(245, 158, 11, 0.08);
  --input-text: #fefce8;
  --input-placeholder: rgba(213, 190, 155, 0.55);
  --input-chevron: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* 3. Sapphire Ocean (Corporate Cobalt Modern) */
[data-theme="ocean"] {
  --bg-primary: #050a18;
  --bg-secondary: #0b142c;
  --bg-surface: #122146;
  --bg-surface-elevated: #1a2f62;
  --bg-hover: #233e7f;
  --bg-glass: rgba(11, 20, 44, 0.85);
  --border-subtle: rgba(59, 130, 246, 0.16);
  --border-strong: rgba(59, 130, 246, 0.35);
  --border-gradient: linear-gradient(135deg, rgba(59, 130, 246, 0.55), rgba(6, 182, 212, 0.3), rgba(129, 140, 248, 0.45));

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-glow: rgba(59, 130, 246, 0.4);
  --color-primary-neon: #60a5fa;

  --color-accent: #06b6d4;
  --color-accent-glow: rgba(6, 182, 212, 0.35);
  --color-accent-neon: #22d3ee;

  --color-gold: #f59e0b;
  --color-gold-glow: rgba(245, 158, 11, 0.35);

  --text-main: #f0f7ff;
  --text-muted: #9bb7e5;
  --text-dim: #6786ba;
  --text-inverse: #0b142c;

  --shadow-glow: 0 0 25px rgba(59, 130, 246, 0.4);
  --shadow-neon: 0 0 35px rgba(59, 130, 246, 0.5), 0 0 60px rgba(6, 182, 212, 0.25);

  --input-bg: rgba(11, 20, 44, 0.75);
  --input-bg-hover: rgba(26, 47, 98, 0.85);
  --input-bg-focus: rgba(6, 12, 28, 0.98);
  --input-border: rgba(59, 130, 246, 0.22);
  --input-border-hover: rgba(59, 130, 246, 0.45);
  --input-border-focus: #3b82f6;
  --input-ring: 0 0 0 3.5px rgba(59, 130, 246, 0.25), 0 8px 24px -4px rgba(0, 0, 0, 0.45);
  --input-shadow: inset 0 1.5px 2px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(59, 130, 246, 0.08);
  --input-text: #f0f7ff;
  --input-placeholder: rgba(155, 183, 229, 0.55);
  --input-chevron: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* 4. Daylight Pearl (Executive Clean Light) */
[data-theme="light"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #f1f5f9;
  --bg-hover: #e2e8f0;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --border-subtle: #e2e8f0;
  --border-strong: #cbd5e1;
  --border-gradient: linear-gradient(135deg, rgba(5, 150, 105, 0.3), rgba(37, 99, 235, 0.2), rgba(217, 119, 6, 0.3));

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-glow: rgba(5, 150, 105, 0.25);
  --color-primary-neon: #10b981;

  --color-accent: #2563eb;
  --color-accent-glow: rgba(37, 99, 235, 0.2);
  --color-accent-neon: #3b82f6;

  --color-gold: #d97706;
  --color-gold-glow: rgba(217, 119, 6, 0.25);

  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #64748b;
  --text-inverse: #f8fafc;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 6px 14px -2px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 14px 28px -4px rgba(0, 0, 0, 0.12);
  --shadow-3d: 0 20px 35px -8px rgba(0, 0, 0, 0.12), 0 0 1px 1px rgba(0, 0, 0, 0.06);
  --shadow-glow: 0 0 25px rgba(5, 150, 105, 0.2);
  --shadow-neon: 0 0 25px rgba(5, 150, 105, 0.25);

  --input-bg: #ffffff;
  --input-bg-hover: #f8fafc;
  --input-bg-focus: #ffffff;
  --input-border: #cbd5e1;
  --input-border-hover: #94a3b8;
  --input-border-focus: #059669;
  --input-ring: 0 0 0 3.5px rgba(5, 150, 105, 0.2), 0 6px 18px -4px rgba(0, 0, 0, 0.1);
  --input-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
  --input-text: #0f172a;
  --input-placeholder: #94a3b8;
  --input-chevron: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}