/* ================================================================
   CC-GEN v2.0 — Theme System
   Glassmorphism + Neubrutalism Hybrid
   ================================================================ */

:root {
    /* Dark Mode (Default) */
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --bg-card: #1a1a2e;
    --bg-glass: rgba(255, 255, 255, 0.03);
    --bg-glass-hover: rgba(255, 255, 255, 0.06);
    --bg-input: rgba(255, 255, 255, 0.04);
    --bg-input-focus: rgba(255, 255, 255, 0.08);
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-active: rgba(99, 102, 241, 0.4);
    --border-input: rgba(255, 255, 255, 0.1);
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #475569;
    --text-inverse: #0f172a;
    --accent-primary: #6366f1;
    --accent-secondary: #8b5cf6;
    --accent-success: #10b981;
    --accent-warning: #f59e0b;
    --accent-danger: #ef4444;
    --accent-info: #06b6d4;
    --gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);
    --gradient-accent: linear-gradient(135deg, #6366f1, #06b6d4);
    --gradient-card-visa: linear-gradient(135deg, #1a1f71, #2d3494, #f7b924);
    --gradient-card-mc: linear-gradient(135deg, #eb001b, #ff5f00, #f79e1b);
    --gradient-card-amex: linear-gradient(135deg, #2e77bc, #4a9bd9, #1d1d1b);
    --gradient-card-discover: linear-gradient(135deg, #ff6600, #ff8533);
    --gradient-card-jcb: linear-gradient(135deg, #0e4c92, #1a8c34, #f5c518);
    --gradient-card-diners: linear-gradient(135deg, #006eb6, #0099d6);
    --gradient-card-unionpay: linear-gradient(135deg, #e21836, #00447c);
    --gradient-card-maestro: linear-gradient(135deg, #0099dc, #6c6bbd);
    --gradient-card-mir: linear-gradient(135deg, #006848, #00a552);
    --gradient-card-default: linear-gradient(135deg, #374151, #6b7280);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.15);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms cubic-bezier(0.23, 1, 0.32, 1);
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace;
}

[data-theme="light"] {
    --bg-primary: #f0f2f5;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.85);
    --bg-glass-hover: rgba(255, 255, 255, 0.95);
    --bg-input: #f5f6f8;
    --bg-input-focus: #eef0f4;
    --border-subtle: rgba(0, 0, 0, 0.1);
    --border-active: rgba(99, 102, 241, 0.6);
    --border-input: rgba(0, 0, 0, 0.15);
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-inverse: #f1f5f9;
    --accent-primary: #4f46e5;
    --accent-secondary: #7c3aed;
    --gradient-primary: linear-gradient(135deg, #4f46e5, #7c3aed);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 8px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, 0.18);
    --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.12);
}