:root {
  --bg: #08101f;
  --surface: #111c2f;
  --surface-soft: #17253c;
  --border: #2b3c57;
  --text: #f8fafc;
  --muted: #9fb0c7;
  --accent: #f5b942;
  --accent-hover: #ffd166;
  --success: #36d399;
  --danger: #fb7185;
  --radius: 18px;
  --shadow: 0 24px 70px rgb(0 0 0 / 35%);

  /* Marca (Objetivo 2 — base configurable de Sprint 6; la capa de marca
     por academia superpuesta a este tema base llega en el Sprint 10). */
  --brand-name: "OpoDuelo";
  --brand-logo-url: none; /* sin logo de imagen todavía: el icono actual es el emoji del HTML */
  --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}