/* ============================================
   AUTO-GENERATED CSS VARIABLES
   ============================================
   Generated from: tailwind.theme.js
   Generated at: 2025-10-22T10:27:29.327Z
   
   ⚠️  DO NOT EDIT THIS FILE MANUALLY
   Run: npm run generate:theme
   ============================================ */

@layer base {
    /* ========================================
       DARK MODE THEME VARIABLES
       ======================================== */
    :root,
    :root[data-theme="dark"] {
        --theme-page-background: 11 11 13; /* #0b0b0d */
        --theme-page-bg-lighter: 24 24 27; /* #18181b */
        --theme-card-background: 28 28 31; /* #1c1c1f */
        --theme-card-background-hover: 42 42 46; /* #2a2a2e */
        --theme-section-alt-bg: 20 20 22; /* #141416 */
        --theme-header-background: 11 11 13; /* #0b0b0d */
        --theme-footer-background: 11 11 13; /* #0b0b0d */
        --theme-text-primary: 255 251 230; /* #fffbe6 */
        --theme-text-secondary: 250 204 21; /* #facc15 */
        --theme-text-muted: 161 161 170; /* #a1a1aa */
        --theme-text-disabled: 82 82 91; /* #52525b */
        --theme-border-color: 39 39 42; /* #27272a */
        --theme-border-color-light: 63 63 70; /* #3f3f46 */
        --theme-divider-color: 39 39 42; /* #27272a */
        --theme-hover-background: 34 34 37; /* #222225 */
        --theme-active-background: 63 63 70; /* #3f3f46 */
        --theme-focus-ring-color: 250 204 21; /* #facc15 */
        --theme-input-background: 28 28 31; /* #1c1c1f */
        --theme-input-border: 63 63 70; /* #3f3f46 */
        --theme-input-placeholder: 113 113 122; /* #71717a */
        --theme-shadow-color: 0 0 0; /* rgba(250, 204, 21, 0.25) */
    }

    /* ========================================
       LIGHT MODE THEME VARIABLES
       ======================================== */
    :root[data-theme="light"] {
        --theme-page-background: 250 250 250; /* #fafafa */
        --theme-page-bg-lighter: 253 253 251; /* #fdfdfb */
        --theme-card-background: 255 255 255; /* #ffffff */
        --theme-card-background-hover: 255 251 234; /* #fffbea */
        --theme-section-alt-bg: 249 249 247; /* #f9f9f7 */
        --theme-header-background: 255 254 247; /* #fffef7 */
        --theme-footer-background: 255 254 247; /* #fffef7 */
        --theme-text-primary: 17 24 39; /* #111827 */
        --theme-text-secondary: 180 83 9; /* #b45309 */
        --theme-text-muted: 107 114 128; /* #6b7280 */
        --theme-text-disabled: 156 163 175; /* #9ca3af */
        --theme-border-color: 229 231 235; /* #e5e7eb */
        --theme-border-color-light: 243 244 246; /* #f3f4f6 */
        --theme-divider-color: 229 231 235; /* #e5e7eb */
        --theme-hover-background: 255 251 234; /* #fffbea */
        --theme-active-background: 254 243 199; /* #fef3c7 */
        --theme-focus-ring-color: 250 204 21; /* #facc15 */
        --theme-input-background: 255 255 255; /* #ffffff */
        --theme-input-border: 229 231 235; /* #e5e7eb */
        --theme-input-placeholder: 156 163 175; /* #9ca3af */
        --theme-shadow-color: 0 0 0; /* rgba(212, 163, 20, 0.2) */
    }

    /* ========================================
       BRAND COLORS (Same in both themes)
       ======================================== */
    :root {
        --color-primary: 250 204 21; /* #facc15 */
        --color-primary-hover: 234 179 8; /* #eab308 */
        --color-primary-light: 254 249 195; /* #fef9c3 */
        --color-primary-dark: 180 83 9; /* #b45309 */
        --color-secondary: 113 113 122; /* #71717a */
        --color-secondary-hover: 82 82 91; /* #52525b */
        --color-secondary-light: 229 231 235; /* #e5e7eb */
        --color-secondary-dark: 39 39 42; /* #27272a */
        --color-accent: 253 224 71; /* #fde047 */
        --color-accent-hover: 250 204 21; /* #facc15 */
        --color-accent-light: 254 249 195; /* #fef9c3 */
        --color-accent-dark: 180 83 9; /* #b45309 */

        --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 */
    }
}