/* Northway v3 — Design tokens
   Propuesta (index-v3.html). No reemplaza a v2/tokens.css.
   Cambios frente al manual, pendientes de aprobación de Samuel:
   - Fondo de página Arena (#FAF6F1) en vez de blanco puro (manual 3.4: 70 % blanco).
   - Durazno (#FDE9D5) como superficie cálida: es un tono del naranja (manual 3.4 lo prohíbe).
   - Más presencia de Grafito y de Naranja Señal que la regla 70/20/10.
   Se mantienen: Inter + Roboto (manual 3.5), Naranja Señal y Grafito propios del sitio (frente 4). */

:root {
  /* Northway */
  --sand: #FAF6F1;           /* Arena — fondo de página */
  --white: #FFFFFF;          /* Blanco — tarjetas */
  --ink: #141416;            /* Grafito — texto y secciones oscuras (17,1:1 sobre Arena) */
  --ink-2: #1F1F24;          /* Grafito 2 — tarjetas sobre oscuro */
  --signal: #F08A24;         /* Naranja Señal — botones y acentos; nunca texto sobre claro */
  --peach: #FDE9D5;          /* Durazno — superficies cálidas y etiquetas */
  --muted: #6E6E73;          /* Gris Texto — 4,7:1 sobre Arena, 5,1:1 sobre blanco; nunca sobre Durazno */
  --line: #ECE5DB;           /* Bordes sobre claro */
  --line-strong: #C9C1B6;    /* Trazo del tramo "antes de la entrega" */
  --on-ink: #F5F5F7;
  --on-ink-muted: #A6A6AC;   /* 6,8:1 sobre Grafito 2 */
  --line-on-ink: #2E2E33;
  --sand-glass: rgba(250, 246, 241, 0.96);   /* Arena translúcida para la barra fija */

  /* Negocios ficticios de las pantallas de ejemplo (no son colores de Northway) */
  --ex-green: #2F4A3A;  --ex-cream: #F3EBDD;  --ex-mustard: #D9A441;   /* Panadería Trigal */
  --ex-rose: #8E2F4A;   --ex-blush: #F6E1E4;                           /* Floristería Amapola */
  --ex-coal: #1B1B1B;   --ex-brass: #C9A15A;                           /* Barbería El Filo */

  /* Tipografía — Inter para títulos (700, nunca 900), Roboto para texto */
  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-h1: clamp(2.375rem, 1.2rem + 3.4vw, 3.75rem);   /* 38 → 60 px */
  --fs-h2: clamp(1.875rem, 1.4rem + 1.5vw, 2.875rem);  /* 30 → 46 px */
  --fs-h3: 1.25rem;                                    /* 20 px */
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);/* 17 → 19 px */
  --fs-body: 1.0625rem;                                /* 17 px */
  --fs-small: 0.9375rem;                               /* 15 px */
  --fs-micro: 0.8125rem;                               /* 13 px */
  --track-display: -0.03em;

  /* Espaciado base 8 (manual 3.9) */
  --sp-1: 8px;  --sp-2: 16px; --sp-3: 24px; --sp-4: 32px;
  --sp-5: 48px; --sp-6: 64px; --sp-7: 96px; --sp-8: 128px;

  --max: 1200px;
  --gutter: 24px;
  --section-y: clamp(72px, 4vw + 48px, 112px);
  --pad-panel: clamp(32px, 5vw, 72px);          /* relleno común de los paneles grandes */

  /* Radios: panel > tarjeta > pieza > control */
  --r-panel: 32px;
  --r-card: 20px;
  --r-piece: 12px;
  --r-control: 999px;

  /* Sombras — solo para las pantallas de ejemplo, que flotan sobre el fondo */
  --shadow-mock: 0 24px 48px -18px rgba(20, 20, 22, 0.32), 0 2px 6px rgba(20, 20, 22, 0.08);
  --shadow-soft: 0 12px 28px -14px rgba(20, 20, 22, 0.22);

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: 180ms;
  --dur-draw: 1600ms;
}