/* OrbIT CardMan - Auth v2 Theme Variables
   Defines --v2-* CSS custom properties for all 7 themes */

/* ============================
   DEFAULT THEME (Blue)
   ============================ */
body {
    --v2-accent: #38b6ff;
    --v2-accent-rgb: 56, 182, 255;
    --v2-accent-alt: #5cc8ff;
    --v2-accent-dark: #0ea5e9;
    --v2-card-start: #1e2d54;
    --v2-card-end: #131d38;
    --v2-input-bg: rgba(0, 0, 0, 0.3);
    --v2-input-hover: rgba(0, 0, 0, 0.35);
    --v2-input-focus: rgba(0, 0, 0, 0.4);
    --v2-text: #e8f4ff;
    --v2-shadow-alpha: 0.5;
    --v2-checkbox-bg: rgba(0, 0, 0, 0.25);
    --v2-shimmer: rgba(255, 255, 255, 0.04);
    --v2-text-sub: rgba(138, 180, 216, 0.7);
    --v2-progress-track: rgba(42, 111, 245, 0.1);
}

/* ============================
   SOFT THEME (Pink)
   ============================ */
body.theme-soft {
    --v2-accent: #ec4899;
    --v2-accent-rgb: 236, 72, 153;
    --v2-accent-alt: #f472b6;
    --v2-accent-dark: #db2777;
    --v2-card-start: #fff5f9;
    --v2-card-end: #fce7f3;
    --v2-input-bg: rgba(0, 0, 0, 0.04);
    --v2-input-hover: rgba(0, 0, 0, 0.06);
    --v2-input-focus: rgba(0, 0, 0, 0.08);
    --v2-text: #1f2937;
    --v2-shadow-alpha: 0.12;
    --v2-checkbox-bg: rgba(0, 0, 0, 0.06);
    --v2-shimmer: rgba(0, 0, 0, 0.02);
    --v2-text-sub: rgba(31, 41, 55, 0.6);
    --v2-progress-track: rgba(236, 72, 153, 0.1);
}

/* ============================
   GLAM THEME (Hot Pink)
   ============================ */
body.theme-glam {
    --v2-accent: #ff1493;
    --v2-accent-rgb: 255, 20, 147;
    --v2-accent-alt: #ff69b4;
    --v2-accent-dark: #c2185b;
    --v2-card-start: #200e18;
    --v2-card-end: #150810;
    --v2-input-bg: rgba(0, 0, 0, 0.3);
    --v2-input-hover: rgba(0, 0, 0, 0.35);
    --v2-input-focus: rgba(0, 0, 0, 0.4);
    --v2-text: #ffe0f0;
    --v2-shadow-alpha: 0.5;
    --v2-checkbox-bg: rgba(0, 0, 0, 0.25);
    --v2-shimmer: rgba(255, 20, 147, 0.03);
    --v2-text-sub: rgba(255, 182, 193, 0.6);
    --v2-progress-track: rgba(255, 20, 147, 0.1);
}

/* ============================
   DARK THEME (Red)
   ============================ */
body.theme-dark {
    --v2-accent: #dc2626;
    --v2-accent-rgb: 220, 38, 38;
    --v2-accent-alt: #ef4444;
    --v2-accent-dark: #b91c1c;
    --v2-card-start: #1a1a1a;
    --v2-card-end: #111111;
    --v2-input-bg: rgba(0, 0, 0, 0.3);
    --v2-input-hover: rgba(0, 0, 0, 0.35);
    --v2-input-focus: rgba(0, 0, 0, 0.4);
    --v2-text: #fce8e8;
    --v2-shadow-alpha: 0.5;
    --v2-checkbox-bg: rgba(0, 0, 0, 0.25);
    --v2-shimmer: rgba(220, 38, 38, 0.03);
    --v2-text-sub: rgba(161, 161, 170, 0.7);
    --v2-progress-track: rgba(220, 38, 38, 0.1);
}

/* ============================
   BUSINESS THEME (Navy)
   ============================ */
body.theme-business {
    --v2-accent: #1e40af;
    --v2-accent-rgb: 30, 64, 175;
    --v2-accent-alt: #3b82f6;
    --v2-accent-dark: #1e3a8a;
    --v2-card-start: #f8fafc;
    --v2-card-end: #eef2f7;
    --v2-input-bg: rgba(0, 0, 0, 0.04);
    --v2-input-hover: rgba(0, 0, 0, 0.06);
    --v2-input-focus: rgba(0, 0, 0, 0.08);
    --v2-text: #0f172a;
    --v2-shadow-alpha: 0.08;
    --v2-checkbox-bg: rgba(0, 0, 0, 0.06);
    --v2-shimmer: rgba(30, 64, 175, 0.02);
    --v2-text-sub: rgba(15, 23, 42, 0.5);
    --v2-progress-track: rgba(30, 64, 175, 0.1);
}

/* ============================
   NATURE THEME (Green)
   ============================ */
body.theme-nature {
    --v2-accent: #059669;
    --v2-accent-rgb: 5, 150, 105;
    --v2-accent-alt: #10b981;
    --v2-accent-dark: #047857;
    --v2-card-start: #ecfdf5;
    --v2-card-end: #d5f5e3;
    --v2-input-bg: rgba(0, 0, 0, 0.04);
    --v2-input-hover: rgba(0, 0, 0, 0.06);
    --v2-input-focus: rgba(0, 0, 0, 0.08);
    --v2-text: #064e3b;
    --v2-shadow-alpha: 0.08;
    --v2-checkbox-bg: rgba(0, 0, 0, 0.06);
    --v2-shimmer: rgba(5, 150, 105, 0.02);
    --v2-text-sub: rgba(6, 78, 59, 0.5);
    --v2-progress-track: rgba(5, 150, 105, 0.1);
}

body.theme-nature .v2-chip svg line {
    stroke: #34d399;
    opacity: 1;
}

/* ============================
   MATRIX THEME (Neon Green)
   ============================ */
body.theme-matrix {
    --v2-accent: #00ff41;
    --v2-accent-rgb: 0, 255, 65;
    --v2-accent-alt: #33ff66;
    --v2-accent-dark: #00cc33;
    --v2-card-start: #0a0a0a;
    --v2-card-end: #050505;
    --v2-input-bg: rgba(0, 255, 65, 0.05);
    --v2-input-hover: rgba(0, 255, 65, 0.08);
    --v2-input-focus: rgba(0, 255, 65, 0.12);
    --v2-text: #00ff41;
    --v2-shadow-alpha: 0.7;
    --v2-checkbox-bg: rgba(0, 255, 65, 0.08);
    --v2-shimmer: rgba(0, 255, 65, 0.04);
    --v2-text-sub: rgba(0, 255, 65, 0.5);
    --v2-progress-track: rgba(0, 255, 65, 0.1);
}