/* =============================================================================
   ReconversionAI - Theme Variables
   Color themes and font size customization
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Theme: Navy (Default)
   Uses the default CSS variables from main.css
   ----------------------------------------------------------------------------- */
[data-theme="navy"] {
    --color-primary-dark: #071777;
    --color-primary: #0C3AA2;
    --color-accent: #2DA9DC;
    --color-secondary: #7ABAB4;
    --color-light: #D2CEB2;
    --gradient-primary: linear-gradient(135deg, #071777 0%, #0C3AA2 50%, #2DA9DC 100%);
    --gradient-accent: linear-gradient(135deg, #2DA9DC 0%, #7ABAB4 100%);
    --gradient-dark: linear-gradient(180deg, rgba(7, 23, 119, 0.95) 0%, rgba(12, 58, 162, 0.85) 100%);
}

/* -----------------------------------------------------------------------------
   Theme: Blue (Royal Blue)
   ----------------------------------------------------------------------------- */
[data-theme="blue"] {
    --color-primary-dark: #1e3a8a;
    --color-primary: #2563eb;
    --color-accent: #3b82f6;
    --color-secondary: #60a5fa;
    --color-light: #dbeafe;
    --gradient-primary: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
    --gradient-accent: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    --gradient-dark: linear-gradient(180deg, rgba(30, 58, 138, 0.95) 0%, rgba(37, 99, 235, 0.85) 100%);
}

/* -----------------------------------------------------------------------------
   Theme: Green (Dark Green)
   ----------------------------------------------------------------------------- */
[data-theme="green"] {
    --color-primary-dark: #064e3b;
    --color-primary: #047857;
    --color-accent: #10b981;
    --color-secondary: #34d399;
    --color-light: #d1fae5;
    --gradient-primary: linear-gradient(135deg, #064e3b 0%, #047857 50%, #10b981 100%);
    --gradient-accent: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-dark: linear-gradient(180deg, rgba(6, 78, 59, 0.95) 0%, rgba(4, 120, 87, 0.85) 100%);
}

/* -----------------------------------------------------------------------------
   Theme: Purple (Deep Purple)
   ----------------------------------------------------------------------------- */
[data-theme="purple"] {
    --color-primary-dark: #4c1d95;
    --color-primary: #7c3aed;
    --color-accent: #8b5cf6;
    --color-secondary: #a78bfa;
    --color-light: #ede9fe;
    --gradient-primary: linear-gradient(135deg, #4c1d95 0%, #7c3aed 50%, #8b5cf6 100%);
    --gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    --gradient-dark: linear-gradient(180deg, rgba(76, 29, 149, 0.95) 0%, rgba(124, 58, 237, 0.85) 100%);
}

/* -----------------------------------------------------------------------------
   Font Size Variations
   ----------------------------------------------------------------------------- */
[data-font-size="small"] {
    font-size: 14px;
}

[data-font-size="normal"] {
    font-size: 16px;
}

[data-font-size="large"] {
    font-size: 18px;
}

[data-font-size="xlarge"] {
    font-size: 20px;
}

/* Adjust heading scales for larger font sizes */
[data-font-size="large"] h1 { font-size: clamp(2.75rem, 5.5vw, 4.5rem); }
[data-font-size="large"] h2 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); }
[data-font-size="large"] h3 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); }

[data-font-size="xlarge"] h1 { font-size: clamp(3rem, 6vw, 5rem); }
[data-font-size="xlarge"] h2 { font-size: clamp(2.5rem, 5vw, 4rem); }
[data-font-size="xlarge"] h3 { font-size: clamp(2rem, 4vw, 3rem); }