/*
 * ToolBox India - Shared Theme Configuration
 * This file contains the color theme variables used across all pages
 * Default theme: India (Saffron & Green)
 */

:root {
    /* Primary Theme Colors - India Theme (Saffron to Green gradient) */
    --primary-start: #ff9933;      /* Saffron Orange */
    --primary-end: #138808;        /* India Green */
    --primary-accent: #ff9933;     /* Saffron Orange accent */

    /* Light Background Tints */
    --primary-light: #fff7ed;      /* Very light saffron tint */
    --primary-lighter: #ffedd5;    /* Lighter saffron tint */

    /* Shadow Color (RGB values for rgba usage) */
    --shadow-rgb: 255, 153, 51;    /* Saffron orange shadow */
}

/* Text Selection Styling */
::selection {
    background: var(--primary-accent);  /* Saffron Orange background */
    color: white;                       /* White text for contrast */
}

::-moz-selection {
    background: var(--primary-accent);  /* Saffron Orange background for Firefox */
    color: white;                       /* White text for contrast */
}

/*
 * Alternative Themes (Server-side configurable)
 * Uncomment the desired theme below to switch themes
 */

/* Orange Theme
:root {
    --primary-start: #f97316;
    --primary-end: #ea580c;
    --primary-accent: #f97316;
    --primary-light: #fff5f0;
    --primary-lighter: #ffedd5;
    --shadow-rgb: 249, 115, 22;
}
*/

/* Blue Purple Theme
:root {
    --primary-start: #667eea;
    --primary-end: #764ba2;
    --primary-accent: #667eea;
    --primary-light: #f0f4ff;
    --primary-lighter: #e0e7ff;
    --shadow-rgb: 102, 126, 234;
}
*/

/* Teal Theme
:root {
    --primary-start: #06b6d4;
    --primary-end: #0891b2;
    --primary-accent: #06b6d4;
    --primary-light: #ecfeff;
    --primary-lighter: #cffafe;
    --shadow-rgb: 6, 182, 212;
}
*/

/* Green Theme
:root {
    --primary-start: #10b981;
    --primary-end: #059669;
    --primary-accent: #10b981;
    --primary-light: #ecfdf5;
    --primary-lighter: #d1fae5;
    --shadow-rgb: 16, 185, 129;
}
*/

/* Deep Blue Theme
:root {
    --primary-start: #3b82f6;
    --primary-end: #2563eb;
    --primary-accent: #3b82f6;
    --primary-light: #eff6ff;
    --primary-lighter: #dbeafe;
    --shadow-rgb: 59, 130, 246;
}
*/

/* Violet Theme
:root {
    --primary-start: #8b5cf6;
    --primary-end: #7c3aed;
    --primary-accent: #8b5cf6;
    --primary-light: #f5f3ff;
    --primary-lighter: #ede9fe;
    --shadow-rgb: 139, 92, 246;
}
*/

/* Pink Theme
:root {
    --primary-start: #ec4899;
    --primary-end: #db2777;
    --primary-accent: #ec4899;
    --primary-light: #fdf2f8;
    --primary-lighter: #fce7f3;
    --shadow-rgb: 236, 72, 153;
}
*/

/* Navy & Gold Theme
:root {
    --primary-start: #1e3a8a;
    --primary-end: #d97706;
    --primary-accent: #1e40af;
    --primary-light: #fef3c7;
    --primary-lighter: #fef9e7;
    --shadow-rgb: 30, 58, 138;
}
*/