/*
 * Las temáticas de la carta y de la pantalla grande. Una sola experiencia, un
 * solo juego de variables: cada temática solo cambia los colores. Lo que
 * pinta (carta, chat, hojas, pantalla) lee estas variables y nada más.
 *
 * Claves: App\Support\MenuThemes. La clásica vive en :root.
 */
:root {
  --accent: #C9943A;
  --accent-light: #F0BC68;
  --brand-primary: #0B2318;
  --on-brand: #F0BC68;
  --body-bg: #F7F5F0;
  --surface: #FFFFFF;
  --surface-2: #F1EDE4;
  --border-subtle: #E8E3DB;
  --text-primary: #1C1A17;
  --text-muted: #7A7060;
  --hero-a: #0B2318;
  --hero-b: #1B4A34;
  --hero-ink: #F7F5F0;
  --glow: rgba(201, 148, 58, 0.14);
  --fx: #C9943A;
  --shadow: rgba(11, 35, 24, 0.18);
}

html[data-theme="amor"] {
  --accent: #C8102E; --accent-light: #FF8FA3; --brand-primary: #7A0C22; --on-brand: #FFD6DD;
  --body-bg: #FFF6F8; --surface: #FFFFFF; --surface-2: #FFECF0; --border-subtle: #F5D3DB;
  --text-primary: #2A0B12; --text-muted: #8E5A66;
  --hero-a: #C8102E; --hero-b: #7A0C22; --hero-ink: #FFF6F8;
  --glow: rgba(200, 16, 46, 0.12); --fx: #E0244A; --shadow: rgba(122, 12, 34, 0.2);
}

html[data-theme="carnaval"] {
  --accent: #E4007C; --accent-light: #FFB800; --brand-primary: #1B1464; --on-brand: #FFD84D;
  --body-bg: #FFFBEA; --surface: #FFFFFF; --surface-2: #FFF3C4; --border-subtle: #FFE9A8;
  --text-primary: #1E1533; --text-muted: #6E6480;
  --hero-a: #E4007C; --hero-b: #7A1FA2; --hero-ink: #FFFBEA;
  --glow: rgba(228, 0, 124, 0.12); --fx: #E4007C; --shadow: rgba(27, 20, 100, 0.2);
}

html[data-theme="mujer"] {
  --accent: #8E44AD; --accent-light: #E9A3C9; --brand-primary: #4A1A6B; --on-brand: #F5C6E3;
  --body-bg: #FBF4FA; --surface: #FFFFFF; --surface-2: #F5E7F2; --border-subtle: #EED6EA;
  --text-primary: #2B1436; --text-muted: #7E6488;
  --hero-a: #6A2C91; --hero-b: #B25AA3; --hero-ink: #FBF4FA;
  --glow: rgba(142, 68, 173, 0.12); --fx: #D77FB8; --shadow: rgba(74, 26, 107, 0.2);
}

html[data-theme="madre"] {
  --accent: #B8336A; --accent-light: #F4C2D1; --brand-primary: #7B1F48; --on-brand: #FFDCE7;
  --body-bg: #FFF8FA; --surface: #FFFFFF; --surface-2: #FDEAF0; --border-subtle: #F6D9E3;
  --text-primary: #33101F; --text-muted: #8C5F70;
  --hero-a: #B8336A; --hero-b: #E48AB0; --hero-ink: #FFF8FA;
  --glow: rgba(184, 51, 106, 0.12); --fx: #E48AB0; --shadow: rgba(123, 31, 72, 0.2);
}

html[data-theme="padre"] {
  --accent: #D9A441; --accent-light: #F0CF86; --brand-primary: #1E2F55; --on-brand: #F0CF86;
  --body-bg: #0B1224; --surface: #14213D; --surface-2: #1B2A4A; --border-subtle: #27395F;
  --text-primary: #F3EDE0; --text-muted: #A6AFC6;
  --hero-a: #14213D; --hero-b: #2C3E6A; --hero-ink: #F3EDE0;
  --glow: rgba(217, 164, 65, 0.16); --fx: #D9A441; --shadow: rgba(0, 0, 0, 0.45);
}

html[data-theme="seleccion"] {
  --accent: #003893; --accent-light: #FCD116; --brand-primary: #003893; --on-brand: #FCD116;
  --body-bg: #FFFBE6; --surface: #FFFFFF; --surface-2: #FFF4BF; --border-subtle: #FFE98A;
  --text-primary: #101A3A; --text-muted: #5B6480;
  --hero-a: #003893; --hero-b: #CE1126; --hero-ink: #FFFBE6;
  --glow: rgba(0, 56, 147, 0.1); --fx: #FCD116; --shadow: rgba(0, 56, 147, 0.2);
}

html[data-theme="patria"] {
  --accent: #CE1126; --accent-light: #FCD116; --brand-primary: #003893; --on-brand: #FCD116;
  --body-bg: #FFFDF2; --surface: #FFFFFF; --surface-2: #FFF5C8; --border-subtle: #F5E6A0;
  --text-primary: #10183A; --text-muted: #5E6580;
  --hero-a: #003893; --hero-b: #1B4FB5; --hero-ink: #FFFDF2;
  --glow: rgba(206, 17, 38, 0.1); --fx: #FCD116; --shadow: rgba(0, 56, 147, 0.2);
}

html[data-theme="chiquinquira"] {
  --accent: #1F5FA8; --accent-light: #E8C872; --brand-primary: #14407A; --on-brand: #E8C872;
  --body-bg: #F5F8FF; --surface: #FFFFFF; --surface-2: #E9F0FC; --border-subtle: #D9E3F5;
  --text-primary: #101C33; --text-muted: #5F6E8C;
  --hero-a: #1F5FA8; --hero-b: #5F8FD0; --hero-ink: #F5F8FF;
  --glow: rgba(31, 95, 168, 0.12); --fx: #E8C872; --shadow: rgba(20, 64, 122, 0.2);
}

html[data-theme="halloween"] {
  --accent: #FF7A00; --accent-light: #FFB347; --brand-primary: #2B1640; --on-brand: #FFB347;
  --body-bg: #0B0B12; --surface: #16121F; --surface-2: #1E1829; --border-subtle: #2A2238;
  --text-primary: #F5EFE6; --text-muted: #A79DB5;
  --hero-a: #2B1640; --hero-b: #0B0B12; --hero-ink: #F5EFE6;
  --glow: rgba(255, 122, 0, 0.16); --fx: #FF7A00; --shadow: rgba(0, 0, 0, 0.5);
}

html[data-theme="navidad"] {
  --accent: #C8102E; --accent-light: #E8C872; --brand-primary: #0B3B2E; --on-brand: #E8C872;
  --body-bg: #06201A; --surface: #0B3B2E; --surface-2: #10483A; --border-subtle: #1E5546;
  --text-primary: #F6F1E4; --text-muted: #A9C2B5;
  --hero-a: #0B3B2E; --hero-b: #16644D; --hero-ink: #F6F1E4;
  --glow: rgba(232, 200, 114, 0.16); --fx: #E8C872; --shadow: rgba(0, 0, 0, 0.45);
}

html[data-theme="anonuevo"] {
  --accent: #E8C872; --accent-light: #F5E1A4; --brand-primary: #15151A; --on-brand: #E8C872;
  --body-bg: #0A0A0C; --surface: #15151A; --surface-2: #1D1D24; --border-subtle: #2A2A33;
  --text-primary: #F5F1E8; --text-muted: #A5A5B0;
  --hero-a: #0A0A0C; --hero-b: #2A2540; --hero-ink: #F5F1E8;
  --glow: rgba(232, 200, 114, 0.16); --fx: #E8C872; --shadow: rgba(0, 0, 0, 0.55);
}

/* El lienzo de partículas: detrás de todo, nunca estorba al dedo. */
.gp-fx {
  position: fixed; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  pointer-events: none;
}