:root {
    /* ─────────────────────────────── */
    /* Primary Brand Colors */
    /* ─────────────────────────────── */
    --el-green: #34f8b6;
    --el-cyan: #00d4ff;
    --el-cyan-alt: #00d6ff;
    --el-white: #ffffff;
  
    /* ─────────────────────────────── */
    /* Primary Gradients */
    /* ─────────────────────────────── */
    --gradient-cta: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
    --gradient-brand: linear-gradient(135deg, #34f8b6 0%, #00d4ff 100%);
    --gradient-title: linear-gradient(135deg, #ffffff 0%, #00d4ff 100%);
  
    /* ─────────────────────────────── */
    /* Background Colors */
    /* ─────────────────────────────── */
    --bg-main: #0a0e1a;
    --bg-dark: #110f0f;
    --bg-section-dark: #0f1419;
    --bg-card: #1a1f35;
    --bg-deepest: #06090f;
  
    /* ─────────────────────────────── */
    /* Background Gradients */
    /* ─────────────────────────────── */
    --gradient-hero: linear-gradient(135deg, #1a1f35 0%, #0a0e1a 100%);
    --gradient-section-contrast: linear-gradient(180deg, #06090f 0%, #0f1419 100%);
    --gradient-footer: linear-gradient(180deg, #0f1419 0%, #0a0e1a 100%);
    --gradient-workflow: linear-gradient(180deg, #110f0f 0%, #0f1419 100%);
  
    /* ─────────────────────────────── */
    /* Overlay / Glass Effects */
    /* ─────────────────────────────── */
    --glass-white-05: rgba(255, 255, 255, 0.05);
    --glass-white-08: rgba(255, 255, 255, 0.08);
    --glass-white-20: rgba(255, 255, 255, 0.2);
    --glass-gray-01: rgba(153, 153, 153, 0.01);
    --glow-cyan-15: rgba(0, 212, 255, 0.15);
    --glow-cyan-24: rgba(0, 212, 255, 0.24);
  
    --gradient-glass-vertical: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.05) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  
    --gradient-glass-horizontal: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(153, 153, 153, 0.01) 100%
    );
  
    /* ─────────────────────────────── */
    /* Semantic Colors */
    /* ─────────────────────────────── */
    --success: #00ff88;
    --error: #ff6465;
    --error-alt: #ef4444;
    --warning: #fbbf24;
  
    /* ─────────────────────────────── */
    /* Text Colors */
    /* ─────────────────────────────── */
    --text-primary: #f5f5f5;
    --text-secondary: #a0aec0;
    --text-tertiary: #c7d2e0;
    --text-muted: #718096;
    --text-placeholder: #6b7280;
    --text-link-subtle: #8b9bb5;
    --text-menu: #9ca3af;
    --text-light-gray: #d1d5db;
    --text-dark-gray: #4a5568;
    --text-separator: #4b5563;
  
    /* ─────────────────────────────── */
    /* AI / Feature (Purple Theme) */
    /* ─────────────────────────────── */
    --ai-purple: #a855f7;
    --ai-pink: #ec4899;
    --ai-purple-light: #d8b4fe;
    --ai-purple-text: #c084fc;
  
    --gradient-ai: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
  
    /* ─────────────────────────────── */
    /* Before / After Comparison */
    /* ─────────────────────────────── */
    --before-bg: #2a1b1b;
    --after-bg: #192722;
    --before-red: #ff6464;
    --after-green: #34f8b6;
  
    /* ─────────────────────────────── */
    /* Logo Colors */
    /* ─────────────────────────────── */
    --logo-green: #03ff88;
    --logo-cyan: #00d4ff;
    --logo-light-cyan: #7dffff;
    --logo-bright-cyan: #32e6ff;
    --logo-lunar-text: #89b0c7;
  
    /* ─────────────────────────────── */
    /* Interactive States */
    /* ─────────────────────────────── */
    --link-default: #00d4ff;
    --link-hover: #00ff88;
    --nav-hover: #34f8b6;
  
    --shadow-button-hover: rgba(0, 212, 255, 0.3);
    --shadow-cta-hover: rgba(0, 212, 255, 0.2);
  
    --border-card: rgba(0, 212, 255, 0.3);
    --border-success: rgba(0, 255, 136, 0.4);
    --border-error: rgba(255, 100, 100, 0.4);
  
    /* ─────────────────────────────── */
    /* Code & Syntax */
    /* ─────────────────────────────── */
    --code-inline: #00d4ff;
  
    /* ─────────────────────────────── */
    /* 🚦 Enforcement Levels */
    /* ─────────────────────────────── */
    --enforce-draft: #6b7280;
    --enforce-score: #3b82f6;
    --enforce-report-pr: #fbbf24;
    --enforce-block-pr: #ff6465;
    --enforce-block-deploy: #dc2626;
  
    /* ─────────────────────────────── */
    /* Icon Palette */
    /* ─────────────────────────────── */
    --icon-bg: #171c2e;
    --icon-bg-alt: #0f1419;
  
    --icon-blue: #0099bb;
    --icon-amber: #ffcc33;
    --icon-green: #00aa77;
    --icon-red: #ff6465;
  
    --icon-amber-light: #ffe066;
    --icon-amber-dark: #cc9900;
  
    --icon-paper-white: #f0f2f5;
    --icon-paper-gray: #ccd0da;
    --icon-gray-light: #bcc7ce;
    --icon-gray: #79808f;
    --icon-gray-dark: #8991a0;
  }