:root {
  /* Paleta oceánica, tomada de las ilustraciones */
  --abismo: #04202f;
  --profundo: #0a3d56;
  --marino: #12688c;
  --turquesa: #2ec5c9;
  --espuma: #eaf7fb;
  --coral: #ff6b57;
  --coral-claro: #ff9d8a;
  --arena: #ffd79a;
  --oro: #ffc23c;

  --fondo: radial-gradient(ellipse at 50% 0%, var(--marino) 0%, var(--abismo) 78%);
  --panel: rgba(4, 32, 47, 0.82);

  --texto: var(--espuma);
  --texto-tenue: rgba(234, 247, 251, 0.72);

  /* Tipografía: fuentes del sistema, sin descargas */
  --fuente: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cuerpo: clamp(1.15rem, 2.4vmin + 0.7rem, 1.9rem);
  --titulo: clamp(1.9rem, 4.5vmin + 0.8rem, 3.6rem);
  --marca: clamp(2.4rem, 7vmin + 1rem, 5.5rem);

  --radio: 1.5rem;
  --radio-grande: 2.5rem;

  /* Área táctil mínima exigida por el spec */
  --tactil: 120px;

  --sombra: 0 1.2rem 3rem rgba(0, 0, 0, 0.45);
  --brillo-oro: 0 0 2.5rem rgba(255, 194, 60, 0.75);

  --transicion: 420ms cubic-bezier(0.22, 1, 0.36, 1);
}