:root {
  /* Fondo / plató */
  --stage-center: #1e6fe6;
  --stage-edge: #0a3fb0;
  --bg-deep: #0a3fb0;
  --overlay: rgba(14, 70, 200, 0.35);

  /* Panel contenedor del rosco */
  --panel-bg: rgba(12, 58, 168, 0.65);
  --panel-border: rgba(255, 255, 255, 0.35);
  --panel-shadow: 0 12px 40px rgba(0, 20, 80, 0.35);
  --panel-radius: 24px;

  /* Letra pendiente (azul 3D) */
  --pending-highlight: #4a8feb;
  --pending-mid: #1e5bc8;
  --pending-deep: #12469a;
  --letter-border: #ffffff;
  --letter-shadow: 0 3px 8px rgba(0, 20, 80, 0.45);
  --letter-text-shadow: 0 1px 2px rgba(6, 20, 60, 0.6);

  /* Letra activa (dorada) */
  --active-highlight: #ffea70;
  --active-mid: #f7c82e;
  --active-deep: #d99b00;
  --active-text: #0a2e8a;
  --active-glow: rgba(255, 220, 90, 0.85);

  /* Letra acierto (verde) */
  --correct-highlight: #4ade80;
  --correct-mid: #22c55e;
  --correct-deep: #16a34a;
  --correct-glow: rgba(34, 197, 94, 0.55);

  /* Letra fallo (rojo) */
  --wrong-highlight: #f87171;
  --wrong-mid: #ef4444;
  --wrong-deep: #b91c1c;
  --wrong-glow: rgba(239, 68, 68, 0.5);

  /* Letra passed (ámbar) */
  --passed-highlight: #fbbf24;
  --passed-mid: #f59e0b;
  --passed-deep: #b45309;
  --passed-glow: rgba(245, 158, 11, 0.45);

  /* Texto */
  --color-text: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.78);
  --color-text-dark: #0a2e8a;

  /* Prompt panel */
  --prompt-bg: rgba(6, 14, 44, 0.88);
  --prompt-border: rgba(255, 255, 255, 0.22);
  --prompt-accent: #f7c82e;

  /* Tamaños */
  --font-display: 'Oswald', 'Impact', system-ui, sans-serif;
  --rosco-size: min(72vmin, 680px);
  --letter-size: clamp(38px, 7vmin, 68px);
  --letter-font-size: clamp(1.05rem, 3vmin, 1.8rem);
  --marker-size: clamp(64px, 8vw, 96px);
  --marker-font-size: clamp(1.3rem, 3.2vw, 2rem);
  --blink: 900ms;
  --letter-transition: 220ms;

  /* Aliases de compatibilidad */
  --color-pending: var(--pending-mid);
  --color-active: var(--active-mid);
  --color-correct: var(--correct-mid);
  --color-wrong: var(--wrong-mid);
  --color-passed: var(--passed-mid);
}
