/* ============================================================
   TouringXX · Design tokens (Etapa 07.1)
   Fuente: dirección visual FROZEN. No añadir valores nuevos aquí
   sin aprobación: los componentes solo consumen estas variables.
   ============================================================ */
:root{
  /* — Superficies — */
  --paper:#F4F0E8;
  --surface:#FCFAF5;
  --inset:#ECE6D9;
  --dark:#1C1A16;
  --dark-2:#211E18;
  --dark-3:#2A2620;

  /* — Tinta — */
  --ink:#1A1815;
  --ink-2:#5C574C;
  --ink-3:#6C6659;        /* atenuado sobre superficie clara · AA */
  --on-dark:#EFEAE0;
  --on-dark-2:#C4BDB0;
  --on-dark-3:#9A9284;    /* atenuado sobre superficie oscura · AA */

  /* — Filetes — */
  --line:#E1DBCE;
  --line-2:#D6CFBF;
  --line-dark:#2A2620;
  --line-dark-2:#34302A;
  --line-dark-3:#3A362E;

  /* — Verde mineral — */
  --green-100:#E6EEE6;
  --green-200:#C9DCCB;
  --green-300:#8FB89A;
  --green-500:#2F6B45;
  --green-600:#245B3E;
  --green-700:#1B4630;
  --green-signal:#5CC200;   /* solo isotipo */

  /* — Petróleo — */
  --petrol:#1F4A54;
  --petrol-2:#2C616D;

  /* — Tipografía — */
  --sans:"Schibsted Grotesk",system-ui,-apple-system,Segoe UI,sans-serif;
  --serif:"Newsreader",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* — Espaciado — */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:22px; --space-6:30px; --space-7:40px; --space-8:56px;
  --space-9:64px; --space-10:80px;

  /* — Radios — */
  --radius-1:3px; --radius-2:5px; --radius-3:6px;
  --radius-4:8px; --radius-5:10px; --radius-pill:100px;

  /* — Layout — */
  --container:1200px;
  --container-pad:40px;
  --header-h:70px;

  /* — Movimiento — */
  --t-fast:.16s ease;
  --t-base:.18s ease;

  /* — Elevación — */
  --shadow-mega:0 24px 40px -28px rgba(28,26,22,.4);
  --shadow-float:0 8px 22px -6px rgba(31,74,48,.5);
}