:root {
  /* Naranja — acento principal (variable mantiene el nombre "teal" del spec). */
  --teal: #F07814;
  --teal-dark: #C45F00;
  --teal-mid: #FAB876;
  --teal-light: #FEF0E0;

  /* Azul New Way. */
  --navy: #1B3A6B;
  --navy-mid: #2A5298;
  --navy-light: #E0ECFF;

  /* Semáforo. */
  --green: #1D9E75;
  --amber: #BA7517;
  --red: #A32D2D;

  /* Escala de grises. */
  --g50: #F7F6F2;
  --g200: #D3D1C7;
  --g400: #888780;
  --g600: #5F5E5A;
  --g900: #1B3A6B;

  /* Tipografía. */
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: "Helvetica Neue", Arial, system-ui, sans-serif;

  /* Layout. */
  --max-width-quiz: 700px;
  --max-width-report: 900px;
  --side-padding: 18px;
}