/* ===========================================
   Variante B — Premium-Privacy Tokens
   =========================================== */

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* --- Electric Indigo Light (DEFAULT) --- */
:root,
[data-theme="ei-light"] {
  --bg: #FAFAF7;
  --bg-rgb: 250,250,247;
  --surface: #FFFFFF;
  --surface-high: #F3F3EF;
  --primary: #4F46E5;
  --primary-rgb: 79,70,229;
  --primary-muted: color-mix(in srgb, #4F46E5 30%, #FAFAF7);
  --secondary: #DB2777;
  --secondary-rgb: 219,39,119;
  --accent: #0891B2;
  --accent-rgb: 8,145,178;
  --text: #0A0A0A;
  --text-secondary: #555555;
  --text-muted: #888888;
  --text-dim: #BBBBBB;
  --border: rgba(0,0,0,0.07);
  --border-strong: rgba(0,0,0,0.12);
  --card-bg: #FFFFFF;
  --card-border: rgba(0,0,0,0.06);
  --header-bg: rgba(250,250,247,0.0);
  --header-bg-scroll: rgba(250,250,247,0.85);
  --check: #059669;
  --check-bg: rgba(5,150,105,0.08);
  --cross: #CCCCCC;
  --glass-bg: rgba(255,255,255,0.7);
  --glass-border: rgba(0,0,0,0.06);
  --scheme-dot: #4F46E5;
  --scheme-dot-ring: #DB2777;
  --aurora-opacity: 0.18;
  --sweep-color: rgba(0,0,0,0.04);
  --shadow-soft: 0 24px 60px -20px rgba(0,0,0,0.08);
  --shadow-card: 0 4px 24px -4px rgba(0,0,0,0.06);
  --shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.1);
}

/* --- Electric Indigo Dark --- */
[data-theme="ei-dark"] {
  --bg: #1A1A1A;
  --bg-rgb: 26,26,26;
  --surface: #242424;
  --surface-high: #2E2E2E;
  --primary: #818CF8;
  --primary-rgb: 129,140,248;
  --primary-muted: color-mix(in srgb, #818CF8 25%, #1A1A1A);
  --secondary: #F472B6;
  --secondary-rgb: 244,114,182;
  --accent: #22D3EE;
  --accent-rgb: 34,211,238;
  --text: #F0F0F0;
  --text-secondary: #AAAAAA;
  --text-muted: #777777;
  --text-dim: #555555;
  --border: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.12);
  --card-bg: #242424;
  --card-border: rgba(255,255,255,0.06);
  --header-bg: rgba(26,26,26,0.0);
  --header-bg-scroll: rgba(26,26,26,0.85);
  --check: #34D399;
  --check-bg: rgba(52,211,153,0.1);
  --cross: #555555;
  --glass-bg: rgba(26,26,26,0.7);
  --glass-border: rgba(255,255,255,0.06);
  --scheme-dot: #818CF8;
  --scheme-dot-ring: #F472B6;
  --aurora-opacity: 0.22;
  --sweep-color: rgba(255,255,255,0.06);
  --shadow-soft: 0 24px 60px -20px rgba(0,0,0,0.3);
  --shadow-card: 0 4px 24px -4px rgba(0,0,0,0.2);
  --shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.35);
}

/* --- Arctic Teal Light --- */
[data-theme="at-light"] {
  --bg: #F7FAF9;
  --bg-rgb: 247,250,249;
  --surface: #FFFFFF;
  --surface-high: #EFF5F3;
  --primary: #0F766E;
  --primary-rgb: 15,118,110;
  --primary-muted: color-mix(in srgb, #0F766E 30%, #F7FAF9);
  --secondary: #DC2626;
  --secondary-rgb: 220,38,38;
  --accent: #0D9488;
  --accent-rgb: 13,148,136;
  --text: #0A0A0A;
  --text-secondary: #555555;
  --text-muted: #888888;
  --text-dim: #BBBBBB;
  --border: rgba(0,0,0,0.07);
  --border-strong: rgba(0,0,0,0.12);
  --card-bg: #FFFFFF;
  --card-border: rgba(0,0,0,0.06);
  --header-bg: rgba(247,250,249,0.0);
  --header-bg-scroll: rgba(247,250,249,0.85);
  --check: #059669;
  --check-bg: rgba(5,150,105,0.08);
  --cross: #CCCCCC;
  --glass-bg: rgba(255,255,255,0.7);
  --glass-border: rgba(0,0,0,0.06);
  --scheme-dot: #0F766E;
  --scheme-dot-ring: #DC2626;
  --aurora-opacity: 0.18;
  --sweep-color: rgba(0,0,0,0.04);
  --shadow-soft: 0 24px 60px -20px rgba(0,0,0,0.08);
  --shadow-card: 0 4px 24px -4px rgba(0,0,0,0.06);
  --shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.1);
}

/* --- Arctic Teal Dark --- */
[data-theme="at-dark"] {
  --bg: #181E1D;
  --bg-rgb: 24,30,29;
  --surface: #222928;
  --surface-high: #2C3332;
  --primary: #2DD4BF;
  --primary-rgb: 45,212,191;
  --primary-muted: color-mix(in srgb, #2DD4BF 25%, #181E1D);
  --secondary: #FB7185;
  --secondary-rgb: 251,113,133;
  --accent: #5EEAD4;
  --accent-rgb: 94,234,212;
  --text: #F0F0F0;
  --text-secondary: #AAAAAA;
  --text-muted: #777777;
  --text-dim: #555555;
  --border: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.12);
  --card-bg: #222928;
  --card-border: rgba(255,255,255,0.06);
  --header-bg: rgba(24,30,29,0.0);
  --header-bg-scroll: rgba(24,30,29,0.85);
  --check: #34D399;
  --check-bg: rgba(52,211,153,0.1);
  --cross: #555555;
  --glass-bg: rgba(24,30,29,0.7);
  --glass-border: rgba(255,255,255,0.06);
  --scheme-dot: #2DD4BF;
  --scheme-dot-ring: #FB7185;
  --aurora-opacity: 0.22;
  --sweep-color: rgba(255,255,255,0.06);
  --shadow-soft: 0 24px 60px -20px rgba(0,0,0,0.3);
  --shadow-card: 0 4px 24px -4px rgba(0,0,0,0.2);
  --shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.35);
}

/* --- Solar Gold Dark --- */
[data-theme="sg-dark"] {
  --bg: #0A0F1F;
  --bg-rgb: 10,15,31;
  --surface: #131A2E;
  --surface-high: #1D2440;
  --primary: #EAB308;
  --primary-rgb: 234,179,8;
  --primary-muted: color-mix(in srgb, #EAB308 25%, #0A0F1F);
  --secondary: #DC2626;
  --secondary-rgb: 220,38,38;
  --accent: #FCD34D;
  --accent-rgb: 252,211,77;
  --text: #FEF3C7;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-dim: #475569;
  --border: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.12);
  --card-bg: #131A2E;
  --card-border: rgba(255,255,255,0.06);
  --header-bg: rgba(10,15,31,0.0);
  --header-bg-scroll: rgba(10,15,31,0.85);
  --check: #22C55E;
  --check-bg: rgba(34,197,94,0.1);
  --cross: #555555;
  --glass-bg: rgba(10,15,31,0.7);
  --glass-border: rgba(255,255,255,0.06);
  --scheme-dot: #EAB308;
  --scheme-dot-ring: #DC2626;
  --aurora-opacity: 0.22;
  --sweep-color: rgba(252,211,77,0.06);
  --shadow-soft: 0 24px 60px -20px rgba(0,0,0,0.3);
  --shadow-card: 0 4px 24px -4px rgba(0,0,0,0.2);
  --shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.35);
}

/* --- Solar Gold Light --- */
[data-theme="sg-light"] {
  --bg: #FFFBEB;
  --bg-rgb: 255,251,235;
  --surface: #FFFFFF;
  --surface-high: #FEF3C7;
  --primary: #B45309;
  --primary-rgb: 180,83,9;
  --primary-muted: color-mix(in srgb, #B45309 30%, #FFFBEB);
  --secondary: #991B1B;
  --secondary-rgb: 153,27,27;
  --accent: #D97706;
  --accent-rgb: 217,119,6;
  --text: #1C1917;
  --text-secondary: #57534E;
  --text-muted: #78716C;
  --text-dim: #A8A29E;
  --border: rgba(0,0,0,0.07);
  --border-strong: rgba(0,0,0,0.12);
  --card-bg: #FFFFFF;
  --card-border: rgba(0,0,0,0.06);
  --header-bg: rgba(255,251,235,0.0);
  --header-bg-scroll: rgba(255,251,235,0.85);
  --check: #16A34A;
  --check-bg: rgba(22,163,74,0.08);
  --cross: #CCCCCC;
  --glass-bg: rgba(255,255,255,0.7);
  --glass-border: rgba(0,0,0,0.06);
  --scheme-dot: #B45309;
  --scheme-dot-ring: #991B1B;
  --aurora-opacity: 0.18;
  --sweep-color: rgba(0,0,0,0.04);
  --shadow-soft: 0 24px 60px -20px rgba(0,0,0,0.08);
  --shadow-card: 0 4px 24px -4px rgba(0,0,0,0.06);
  --shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.1);
}

[data-theme$="-dark"] .light-icon { display: none; }
[data-theme$="-light"] .dark-icon { display: none; }