/* =====================================================================
   MOTOR — tokens por defecto (skin "mediterraneo"). Cada skin en
   css/skins/<nombre>.css sobreescribe solo paleta y familias.
   ===================================================================== */
:root {
  /* Paleta (skin por defecto) */
  --brand: #B5CEDB;
  --brand-2: #D3E2EA;
  --ink: #17233B;
  --deep: #0E1524;
  --paper: #F3F3EC;
  --paper-2: #E9E8DF;
  --olive: #494F1F;
  --white: #FFFFFF;

  /* Derivados (no tocar por skin) */
  --line-on-light: color-mix(in oklab, var(--ink) 12%, transparent);
  --line-on-dark: color-mix(in oklab, var(--white) 25%, transparent);
  --veil: color-mix(in oklab, var(--deep) 32%, transparent);

  /* Tipografía */
  --font-display: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", "Times New Roman", serif;
  --font-ui: var(--font-display);

  /* Layout */
  --margin: clamp(20px, 4vw, 64px);
  --sbar-left: 22px;
  --gutter: 24px;
  --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px; --s-5: 48px;
  --s-6: 64px; --s-7: 96px; --s-8: 128px; --s-9: 192px;
  --header-h: 96px;
  --sbar-w: 64px;

  /* Motion (fuente de verdad en core/js/motion-tokens.js) */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-inout: cubic-bezier(0.75, 0, 0.25, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
  --t-micro: 160ms;
  --t-hover: 220ms;
  --t-ui: 300ms;
}