:root {
  /* ==========================================================================
     AM PREM GENERATOR DESIGN SYSTEM TOKENS
     ========================================================================== */

  /* 1. Backgrounds */
  --bg-main: #0B1220;
  --bg-secondary: #101A2B;
  --bg-deep: #080F1C;
  --bg-base: #0B1220;
  --bg-input: #0A1424;

  /* 2. Surfaces & Cards */
  --surface-primary: #121E32;
  --surface-secondary: #17243A;
  --surface-elevated: #1B2A42;
  --bg-card: #121E32;
  --bg-card-hover: #17243A;
  --bg-elevated: #1B2A42;

  /* 3. Inputs & Forms */
  --input-bg: #0A1424;
  --input-border: #2B3B54;
  --input-focus: #8297B8;

  /* 4. Borders */
  --border-primary: #29384F;
  --border-secondary: rgba(177, 195, 224, 0.12);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-medium: #29384F;
  --border-active: #8297B8;

  /* 5. Typography Colors */
  --text-primary: #EDF2FA;
  --text-secondary: #B6C2D5;
  --text-muted: #8190A8;
  --text-disabled: #65738A;
  --text-dim: #65738A;

  /* 6. Primary Button (Silver-Blue Signature AM PREM) */
  --primary: #B8C7DF;
  --primary-hover: #CFDAEB;
  --primary-text: #17243A;
  --primary-shadow: 0 4px 14px rgba(184, 199, 223, 0.2);
  --primary-shadow-hover: 0 6px 20px rgba(207, 218, 235, 0.32);

  /* 7. Secondary Button */
  --btn-secondary-bg: #18253A;
  --btn-secondary-border: #34445E;
  --btn-secondary-text: #EDF2FA;
  --btn-secondary-hover: #22334E;
  --btn-secondary-border-hover: #485C7E;

  /* 8. Accent Colors (Restricted to indicators, status & key highlights) */
  --accent: #20C997;
  --accent-hover: #1DB88A;
  --accent-secondary: #28BFAF;
  --accent-cyan: #43C7D7;
  --accent-cyan-hover: #5AD4E3;
  --accent-glow: rgba(32, 201, 151, 0.2);
  --accent-glow-strong: rgba(32, 201, 151, 0.35);
  --cyan-glow: rgba(67, 199, 215, 0.2);

  /* 9. Status Colors */
  --success: #20C997;
  --warning: #F4BB52;
  --danger: #F06B75;
  --info: #6FA8E8;

  --status-success: #20C997;
  --status-success-bg: rgba(32, 201, 151, 0.12);
  --status-pending: #F4BB52;
  --status-pending-bg: rgba(244, 187, 82, 0.12);
  --status-danger: #F06B75;
  --status-danger-bg: rgba(240, 107, 117, 0.12);
  --status-info: #6FA8E8;
  --status-info-bg: rgba(111, 168, 232, 0.12);

  /* 10. Glassmorphism */
  --glass-bg: rgba(18, 30, 50, 0.85);
  --glass-bg-subtle: rgba(16, 26, 43, 0.7);
  --glass-border: 1px solid var(--border-primary);
  --glass-blur: blur(14px);

  /* 11. Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);
  --shadow-neon: 0 0 16px var(--accent-glow);
  --shadow-neon-cyan: 0 0 16px var(--cyan-glow);

  /* 12. Typography */
  --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* 13. Layout & Spacing */
  --header-height: 72px;
  --bottom-nav-height: 64px;
  --sidebar-width: 260px;
  --max-width: 1280px;

  /* 14. Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* 15. Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}