/* ==========================================
   iDev Tools - Theme System
   CSS Custom Properties for all theme variants
   ========================================== */

/* Light Theme (Default) */
:root,
[data-theme="light"] {
    /* Primary Color Scale - Blue */
    --color-primary-50: 239 246 255;
    --color-primary-100: 219 234 254;
    --color-primary-200: 191 219 254;
    --color-primary-300: 147 197 253;
    --color-primary-400: 96 165 250;
    --color-primary-500: 59 130 246;
    --color-primary-600: 37 99 235;
    --color-primary-700: 29 78 216;
    --color-primary-800: 30 64 175;
    --color-primary-900: 30 58 138;

    /* Surface Colors */
    --color-surface: 255 255 255;
    --color-surface-raised: 255 255 255;
    --color-surface-overlay: 255 255 255;

    /* Background Colors */
    --color-bg: 248 250 252;
    --color-bg-secondary: 241 245 249;

    /* Text Colors */
    --color-text: 15 23 42;
    --color-text-secondary: 71 85 105;
    --color-text-muted: 148 163 184;

    /* Border Colors */
    --color-border: 226 232 240;
    --color-border-hover: 203 213 225;

    /* Sidebar */
    --color-sidebar: 255 255 255;
    --color-sidebar-text: 71 85 105;
    --color-sidebar-hover: 241 245 249;
    --color-sidebar-active: 239 246 255;
}

/* Dark Theme */
[data-theme="dark"] {
    --color-primary-50: 30 41 59;
    --color-primary-100: 51 65 85;
    --color-primary-200: 71 85 105;
    --color-primary-300: 100 116 139;
    --color-primary-400: 148 163 184;
    --color-primary-500: 99 102 241;
    --color-primary-600: 129 140 248;
    --color-primary-700: 165 180 252;
    --color-primary-800: 199 210 254;
    --color-primary-900: 224 231 255;

    --color-surface: 30 41 59;
    --color-surface-raised: 51 65 85;
    --color-surface-overlay: 71 85 105;

    --color-bg: 15 23 42;
    --color-bg-secondary: 30 41 59;

    --color-text: 248 250 252;
    --color-text-secondary: 203 213 225;
    --color-text-muted: 100 116 139;

    --color-border: 51 65 85;
    --color-border-hover: 71 85 105;

    --color-sidebar: 30 41 59;
    --color-sidebar-text: 203 213 225;
    --color-sidebar-hover: 51 65 85;
    --color-sidebar-active: 51 65 85;
}

/* Blue Theme */
[data-theme="blue"] {
    --color-primary-50: 239 246 255;
    --color-primary-100: 219 234 254;
    --color-primary-200: 191 219 254;
    --color-primary-300: 147 197 253;
    --color-primary-400: 96 165 250;
    --color-primary-500: 59 130 246;
    --color-primary-600: 37 99 235;
    --color-primary-700: 29 78 216;
    --color-primary-800: 30 64 175;
    --color-primary-900: 30 58 138;

    --color-surface: 240 249 255;
    --color-surface-raised: 224 242 254;
    --color-surface-overlay: 186 230 253;

    --color-bg: 240 249 255;
    --color-bg-secondary: 224 242 254;

    --color-text: 12 74 110;
    --color-text-secondary: 14 116 144;
    --color-text-muted: 56 189 248;

    --color-border: 186 230 253;
    --color-border-hover: 125 211 252;

    --color-sidebar: 14 116 144;
    --color-sidebar-text: 236 254 255;
    --color-sidebar-hover: 8 145 178;
    --color-sidebar-active: 6 182 212;
}

/* Red Theme */
[data-theme="red"] {
    --color-primary-50: 254 242 242;
    --color-primary-100: 254 226 226;
    --color-primary-200: 254 202 202;
    --color-primary-300: 252 165 165;
    --color-primary-400: 248 113 113;
    --color-primary-500: 239 68 68;
    --color-primary-600: 220 38 38;
    --color-primary-700: 185 28 28;
    --color-primary-800: 153 27 27;
    --color-primary-900: 127 29 29;

    --color-surface: 255 255 255;
    --color-surface-raised: 254 242 242;
    --color-surface-overlay: 254 226 226;

    --color-bg: 255 251 251;
    --color-bg-secondary: 254 242 242;

    --color-text: 69 10 10;
    --color-text-secondary: 127 29 29;
    --color-text-muted: 185 28 28;

    --color-border: 254 202 202;
    --color-border-hover: 252 165 165;

    --color-sidebar: 127 29 29;
    --color-sidebar-text: 254 242 242;
    --color-sidebar-hover: 153 27 27;
    --color-sidebar-active: 185 28 28;
}

/* Sepia Theme */
[data-theme="sepia"] {
    --color-primary-50: 254 252 232;
    --color-primary-100: 254 249 195;
    --color-primary-200: 254 240 138;
    --color-primary-300: 253 224 71;
    --color-primary-400: 250 204 21;
    --color-primary-500: 161 98 7;
    --color-primary-600: 133 77 14;
    --color-primary-700: 113 63 18;
    --color-primary-800: 92 51 23;
    --color-primary-900: 78 46 25;

    --color-surface: 254 252 232;
    --color-surface-raised: 253 248 215;
    --color-surface-overlay: 254 240 138;

    --color-bg: 254 252 240;
    --color-bg-secondary: 254 249 220;

    --color-text: 66 32 6;
    --color-text-secondary: 113 63 18;
    --color-text-muted: 161 98 7;

    --color-border: 253 230 138;
    --color-border-hover: 252 211 77;

    --color-sidebar: 113 63 18;
    --color-sidebar-text: 254 252 232;
    --color-sidebar-hover: 133 77 14;
    --color-sidebar-active: 161 98 7;
}