/* ============================================
   AUTO-GENERATED CSS VARIABLES
   ============================================
   Generated from: tailwind.theme.js
   Generated at: 2025-12-26T03:55:53.037Z
   Default mode: light
   
   ⚠️  DO NOT EDIT THIS FILE MANUALLY
   Run: npm run generate:theme
   ============================================ */

@layer base {
    /* ========================================
       LIGHT MODE THEME VARIABLES (DEFAULT)
       ======================================== */
    :root,
    :root[data-theme="light"] {
        --theme-page-background: 255 255 255; /* #ffffff */
        --theme-page-bg-lighter: 248 250 252; /* #f8fafc */
        --theme-card-background: 255 255 255; /* #ffffff */
        --theme-card-background-hover: 248 250 252; /* #f8fafc */
        --theme-section-alt-bg: 248 250 252; /* #f8fafc */
        --theme-header-background: 255 255 255; /* #ffffff */
        --theme-footer-background: 15 23 42; /* #0f172a */
        --theme-text-primary: 15 23 42; /* #0f172a */
        --theme-text-secondary: 71 85 105; /* #475569 */
        --theme-text-muted: 100 116 139; /* #64748b */
        --theme-text-disabled: 148 163 184; /* #94a3b8 */
        --theme-border-color: 226 232 240; /* #e2e8f0 */
        --theme-border-color-light: 241 245 249; /* #f1f5f9 */
        --theme-divider-color: 226 232 240; /* #e2e8f0 */
        --theme-hover-background: 241 245 249; /* #f1f5f9 */
        --theme-active-background: 226 232 240; /* #e2e8f0 */
        --theme-focus-ring-color: 91 141 239; /* #5B8DEF */
        --theme-input-background: 255 255 255; /* #ffffff */
        --theme-input-border: 203 213 225; /* #cbd5e1 */
        --theme-input-placeholder: 148 163 184; /* #94a3b8 */
        --theme-shadow-color: 0 0 0; /* rgba(15, 23, 42, 0.1) */
    }

    /* ========================================
       DARK MODE THEME VARIABLES
       ======================================== */
    :root[data-theme="dark"] {
        --theme-page-background: 15 23 42; /* #0f172a */
        --theme-page-bg-lighter: 30 41 59; /* #1e293b */
        --theme-card-background: 0 0 0; /* rgba(255, 255, 255, 0.1) */
        --theme-card-background-hover: 0 0 0; /* rgba(255, 255, 255, 0.15) */
        --theme-section-alt-bg: 30 41 59; /* #1e293b */
        --theme-header-background: 15 23 42; /* #0f172a */
        --theme-footer-background: 15 23 42; /* #0f172a */
        --theme-text-primary: 255 255 255; /* #ffffff */
        --theme-text-secondary: 203 213 225; /* #cbd5e1 */
        --theme-text-muted: 148 163 184; /* #94a3b8 */
        --theme-text-disabled: 100 116 139; /* #64748b */
        --theme-border-color: 51 65 85; /* #334155 */
        --theme-border-color-light: 71 85 105; /* #475569 */
        --theme-divider-color: 51 65 85; /* #334155 */
        --theme-hover-background: 0 0 0; /* rgba(255, 255, 255, 0.2) */
        --theme-active-background: 51 65 85; /* #334155 */
        --theme-focus-ring-color: 91 141 239; /* #5B8DEF */
        --theme-input-background: 30 41 59; /* #1e293b */
        --theme-input-border: 51 65 85; /* #334155 */
        --theme-input-placeholder: 100 116 139; /* #64748b */
        --theme-shadow-color: 0 0 0; /* rgba(0, 0, 0, 0.5) */
    }

    /* ========================================
       BRAND COLORS (Same in both themes)
       ======================================== */
    :root {
        --color-primary: 91 141 239; /* #5B8DEF */
        --color-primary-hover: 37 99 235; /* #2563EB */
        --color-primary-light: 219 234 254; /* #DBEAFE */
        --color-primary-dark: 30 64 175; /* #1E40AF */
        --color-secondary: 139 92 246; /* #8B5CF6 */
        --color-secondary-hover: 124 58 237; /* #7C3AED */
        --color-secondary-light: 237 233 254; /* #EDE9FE */
        --color-secondary-dark: 91 33 182; /* #5B21B6 */
        --color-accent: 59 130 246; /* #3B82F6 */
        --color-accent-hover: 37 99 235; /* #2563EB */
        --color-accent-light: 219 234 254; /* #DBEAFE */
        --color-accent-dark: 30 58 138; /* #1E3A8A */

        --color-success: 16 185 129; /* #10B981 */
        --color-success-light: 209 250 229; /* #D1FAE5 */
        --color-success-dark: 5 150 105; /* #059669 */
        --color-error: 239 68 68; /* #EF4444 */
        --color-error-light: 254 226 226; /* #FEE2E2 */
        --color-error-dark: 220 38 38; /* #DC2626 */
        --color-warning: 245 158 11; /* #F59E0B */
        --color-warning-light: 254 243 199; /* #FEF3C7 */
        --color-warning-dark: 217 119 6; /* #D97706 */
        --color-info: 14 165 233; /* #0EA5E9 */
        --color-info-light: 224 242 254; /* #E0F2FE */
        --color-info-dark: 2 132 199; /* #0284C7 */
    }
}