/**
 * Theme overlay: variable sets per data-theme on body.
 * Load after style.css. Default :root in style.css is green-blue.
 */

/* Green & Blue (current default) */
[data-theme="green-blue"] {
    --primary: #1771BC;
    --secondary: #28a745;
    --accent: #218838;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 23, 113, 188;
    --secondary-rgb: 40, 167, 69;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Fris */
[data-theme="fris"] {
    --primary: #1B4332;
    --secondary: #74C69D;
    --accent: #95D5B2;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 27, 67, 50;
    --secondary-rgb: 116, 198, 157;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Creatief */
[data-theme="creatief"] {
    --primary: #3C096C;
    --secondary: #E0AAFF;
    --accent: #00B4D8;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 60, 9, 108;
    --secondary-rgb: 224, 170, 255;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Krachtig */
[data-theme="krachtig"] {
    --primary: #991B1B;
    --secondary: #DC2626;
    --accent: #F59E0B;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 153, 27, 27;
    --secondary-rgb: 220, 38, 38;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Vertrouwen */
[data-theme="vertrouwen"] {
    --primary: #12355B;
    --secondary: #2563EB;
    --accent: #06B6D4;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 18, 53, 91;
    --secondary-rgb: 37, 99, 235;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Dynamisch */
[data-theme="dynamisch"] {
    --primary: #334155;
    --secondary: #EA580C;
    --accent: #FACC15;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 51, 65, 85;
    --secondary-rgb: 234, 88, 12;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Bold */
[data-theme="bold"] {
    --primary: #4C1D95;
    --secondary: #C026D3;
    --accent: #F472B6;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 76, 29, 149;
    --secondary-rgb: 192, 38, 211;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Discount / Sale */
[data-theme="discount"] {
    --primary: #e63946;
    --secondary: #f4a261;
    --accent: #e76f51;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #ffe5e5;
    --primary-rgb: 230, 57, 70;
    --secondary-rgb: 244, 162, 97;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Lime & Magenta */
[data-theme="lime-magenta"] {
    --primary: #8fba17;
    --secondary: #a82991;
    --accent: #d954c8;
    --dark: #333;
    --light: #f8f9fa;
    --text-primary: #333;
    --text-secondary: #6c757d;
    --gradient-light: #e9ecef;
    --primary-rgb: 143, 186, 23;
    --secondary-rgb: 168, 41, 145;
    --body-bg: white;
    --card-bg: white;
    --border: #e9ecef;
    --hero-overlay: rgba(255, 255, 255, 0.85);
}

/* Custom theme uses inline :root from header.php; no override needed here */
[data-theme="custom"] {
    /* Variables injected inline */
}