/* =========================================================
   AERO · Carrera · Triatlón — Identidad visual
   Colores tomados de assets/logo.png y assets/isotipo.png
   ========================================================= */
:root{
  /* Marca */
  --navy-900:#0A1633;   /* fondo del logo */
  --navy-800:#1F2A44;   /* fondo del isotipo */
  --navy-700:#2B3858;
  --navy-600:#3A445A;
  --coral:#FF8A5B;      /* "E", "O" y barras del isotipo */
  --coral-600:#F2703F;
  --coral-100:#FFE8DE;
  --cream:#FAF6F0;      /* "A" y "R" del logo */
  --cream-200:#F1EADF;

  /* Estados (cumplimiento de entrenos) */
  --ok:#1E9E66;
  --warn:#D98A00;
  --bad:#D0312D;

  /* Uso */
  --bg:var(--cream);
  --surface:#FFFFFF;
  --ink:var(--navy-900);
  --muted:#5D6578;
  --muted-on-dark:#A7AFC2;
  --line:#E4DED3;
  --line-on-dark:rgba(250,246,240,.12);

  /* Tipografía */
  --font-display:"Outfit",system-ui,sans-serif;
  --font-body:"DM Sans",system-ui,sans-serif;
  --tracking-wide:.28em;   /* como "CARRERA · TRIATLÓN" */

  /* Forma: trazos redondeados como el logo */
  --radius-sm:10px;
  --radius:18px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow:0 18px 40px -18px rgba(10,22,51,.35);
  --shadow-lg:0 30px 70px -25px rgba(10,22,51,.55);

  /* Layout */
  --container:1180px;
  --gutter:16px;
  --section:clamp(64px,9vw,112px);
}