/* Polla Mundial 2026 — paletas alineadas a marca WC26 (negro · blanco · oro) */

:root {
  color-scheme: dark;
}

[data-theme="light"] {
  color-scheme: light;
}

/* Oscuro: negro profundo + oro champagne (modo broadcast) */
:root,
[data-theme="dark"] {
  --wc-black: #000000;
  --wc-white: #ffffff;
  --wc-gold: #bfa164;
  --wc-gold-light: #dcc99a;
  --wc-gold-dark: #8a7348;

  --bg: var(--wc-black);
  --bg-elevated: #111111;
  --bg-input: #1a1a1a;
  --bg-highlight: #1f1f1f;
  --bg-col: #1a1812;
  --border: #2a2a2a;
  --border-strong: #3a3a3a;
  --text: var(--wc-white);
  --text-muted: #a3a3a3;
  --text-soft: #d4d4d4;
  --text-dim: #737373;
  --accent: var(--wc-gold);
  --accent-on: var(--wc-black);
  --accent-hover: var(--wc-gold-light);
  --link: #c9b896;
  --focus-ring: var(--wc-gold-light);
  --success: #2d7a4f;
  --success-hover: #3d9a63;
  --error-bg: #2a1212;
  --error-border: #8b3a3a;
  --error-text: #f5b0b0;
  --toast-ok: var(--success);
  --toast-err: #9b2c2c;
  --admin-input-bg: #121a14;
  --admin-input-border: #3d9a63;
  --rb-g-bg: #1a1a1a;
  --rb-g-fg: var(--wc-gold-light);
  --rb-o-bg: #141a14;
  --rb-o-fg: #8fd4a8;
  --rb-c-bg: #1f1a12;
  --rb-c-fg: var(--wc-gold);
  --rb-s-bg: #1f1414;
  --rb-s-fg: #e8a0a0;
  --rb-f-bg: #1f1c10;
  --rb-f-fg: var(--wc-gold-light);
  --rb-16-bg: #18141f;
  --rb-16-fg: #c4b5e0;
  --pb-exact-bg: var(--success);
  --pb-exact-fg: #fff;
  --pb-draw-bg: #3a3a3a;
  --pb-draw-fg: #f0f0f0;
  --pb-win-bg: var(--wc-gold-dark);
  --pb-win-fg: #fff;
  --pb-zero-bg: #1f1f1f;
  --pb-zero-fg: #a3a3a3;
  --pb-pend-bg: #1a1a1a;
  --pb-pend-fg: #737373;
  --p1-bg: #1f1a0a;
  --p1-border: var(--wc-gold);
  --p2-bg: #1a1a1a;
  --p2-border: #c0c0c0;
  --p3-bg: #1f1810;
  --p3-border: #b8885a;
  --scroll: #3a3a3a;
  --warn: var(--wc-gold-light);
  --kickoff: #c9b896;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
  --nav-line: linear-gradient(90deg, transparent, var(--wc-gold-dark), var(--wc-gold), var(--wc-gold-dark), transparent);
}

/* Claro: blanco cálido + negro tipográfico + oro sobrio */
[data-theme="light"] {
  --wc-black: #0a0a0a;
  --wc-white: #ffffff;
  --wc-gold: #9a7b4a;
  --wc-gold-light: #bfa164;
  --wc-gold-dark: #6e5732;

  --bg: #f4f3f0;
  --bg-elevated: var(--wc-white);
  --bg-input: var(--wc-white);
  --bg-highlight: #eeebe4;
  --bg-col: #faf8f2;
  --border: #e0ddd6;
  --border-strong: #c9c4ba;
  --text: var(--wc-black);
  --text-muted: #5c5c5c;
  --text-soft: #333333;
  --text-dim: #888888;
  --accent: var(--wc-gold);
  --accent-on: var(--wc-white);
  --accent-hover: var(--wc-gold-dark);
  --link: var(--wc-gold-dark);
  --focus-ring: var(--wc-gold-light);
  --success: #166534;
  --success-hover: #14532d;
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --error-text: #991b1b;
  --toast-ok: var(--success);
  --toast-err: #b91c1c;
  --admin-input-bg: #f0fdf4;
  --admin-input-border: var(--success);
  --rb-g-bg: #f5f0e6;
  --rb-g-fg: var(--wc-gold-dark);
  --rb-o-bg: #ecfdf5;
  --rb-o-fg: #047857;
  --rb-c-bg: #fff7ed;
  --rb-c-fg: #9a3412;
  --rb-s-bg: #fef2f2;
  --rb-s-fg: #b91c1c;
  --rb-f-bg: #fefce8;
  --rb-f-fg: #854d0e;
  --rb-16-bg: #f5f3ff;
  --rb-16-fg: #5b21b6;
  --pb-exact-bg: var(--success);
  --pb-exact-fg: #fff;
  --pb-draw-bg: #525252;
  --pb-draw-fg: #fff;
  --pb-win-bg: #9a3412;
  --pb-win-fg: #fff;
  --pb-zero-bg: #e8e6e1;
  --pb-zero-fg: #737373;
  --pb-pend-bg: #f0eeea;
  --pb-pend-fg: #737373;
  --p1-bg: #fefce8;
  --p1-border: #854d0e;
  --p2-bg: #f8f8f6;
  --p2-border: #737373;
  --p3-bg: #fff7ed;
  --p3-border: #9a3412;
  --scroll: #c9c4ba;
  --warn: #854d0e;
  --kickoff: var(--wc-gold-dark);
  --shadow: 0 2px 12px rgba(10, 10, 10, 0.06);
  --nav-line: linear-gradient(90deg, transparent, var(--wc-gold-dark), var(--wc-gold-light), var(--wc-gold-dark), transparent);
}

/* Dalton: neutro + Wong (accesibilidad, sin rojo/verde crítico) */
[data-theme="dalton"] {
  color-scheme: dark;

  --wc-gold: #e69f00;
  --wc-gold-light: #f0c040;
  --wc-gold-dark: #cc79a7;

  --bg: #2b2b2b;
  --bg-elevated: #363636;
  --bg-input: #303030;
  --bg-highlight: #404040;
  --bg-col: #353028;
  --border: #555555;
  --border-strong: #6e6e6e;
  --text: #f5f5f5;
  --text-muted: #d0d0d0;
  --text-soft: #e8e8e8;
  --text-dim: #a0a0a0;
  --accent: var(--wc-gold-light);
  --accent-on: #2b2b2b;
  --accent-hover: #ffe066;
  --link: #56b4e9;
  --focus-ring: #56b4e9;
  --success: #0072b2;
  --success-hover: #005a94;
  --error-bg: #3d3830;
  --error-border: #e69f00;
  --error-text: #fff8e0;
  --toast-ok: var(--success);
  --toast-err: #e69f00;
  --admin-input-bg: #1a3348;
  --admin-input-border: #56b4e9;
  --rb-g-bg: #1a3348;
  --rb-g-fg: #56b4e9;
  --rb-o-bg: #3d3520;
  --rb-o-fg: #e69f00;
  --rb-c-bg: #3a2850;
  --rb-c-fg: #cc79a7;
  --rb-s-bg: #403520;
  --rb-s-fg: #e69f00;
  --rb-f-bg: #3d3a22;
  --rb-f-fg: #f0c040;
  --rb-16-bg: #2a3050;
  --rb-16-fg: #9eb9ff;
  --pb-exact-bg: #0072b2;
  --pb-exact-fg: #fff;
  --pb-draw-bg: #cc79a7;
  --pb-draw-fg: #1a1a1a;
  --pb-win-bg: #e69f00;
  --pb-win-fg: #1a1a1a;
  --pb-zero-bg: #454545;
  --pb-zero-fg: #d0d0d0;
  --pb-pend-bg: #555555;
  --pb-pend-fg: #f5f5f5;
  --p1-bg: #403a22;
  --p1-border: #f0c040;
  --p2-bg: #363636;
  --p2-border: #d0d0d0;
  --p3-bg: #3d3520;
  --p3-border: #e69f00;
  --scroll: #6e6e6e;
  --warn: #e69f00;
  --kickoff: #56b4e9;
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  --nav-line: linear-gradient(90deg, transparent, #56b4e9, #e69f00, #cc79a7, transparent);
}

[data-theme="dalton"] .pb3::before { content: "◆ "; }
[data-theme="dalton"] .pb2::before { content: "◇ "; }
[data-theme="dalton"] .pb1::before { content: "▲ "; }
[data-theme="dalton"] .pb0::before { content: "○ "; }