/* Tokens del sistema de diseño Bodega La Haya (copiados de Claude Design). No editar a mano: cambia aquí solo si cambia el sistema. */
/* Bodega La Haya — color tokens. Tierra volcánica + arena canaria + Atlántico. */
:root{
  /* Arena — light neutrals (paper, sand) */
  --arena-0:#FFFDF6; --arena-50:#FAF5EA; --arena-100:#F3EADB; --arena-200:#E8D9BE;
  --arena-300:#D6C09A; --arena-400:#BFA478;
  /* Tierra — mid earth browns (soil, barrel) */
  --tierra-500:#9C7A52; --tierra-600:#7C5B3B; --tierra-700:#5F4630;
  /* Basalto — dark volcanic neutrals (ink, stone) */
  --basalto-400:#8A7A65; --basalto-500:#6B5D4C; --basalto-700:#453A2F;
  --basalto-900:#241C15; --basalto-950:#17110B;
  /* Caldera — volcanic rust accent (picón) */
  --caldera-100:#F5DFCE; --caldera-500:#B14E2C; --caldera-600:#95401F; --caldera-700:#7A3418;
  /* Atlántico — ocean teal (línea marina / bodega submarina) */
  --atlantico-100:#DCEEF0; --atlantico-500:#2E8C9E; --atlantico-700:#1D5B69; --atlantico-900:#123540;
  /* Viña — vine green (subtle, semantic success) */
  --vina-100:#EAECD9; --vina-500:#77804C; --vina-700:#555D34;
  /* Mosto — wine gold (highlights, ratings) */
  --mosto-100:#F6EBD2; --mosto-400:#C79A3B; --mosto-600:#9E7423;

  /* Semantic aliases */
  --bg-page:var(--arena-50);
  --bg-page-deep:var(--arena-100);
  --surface-card:var(--arena-0);
  --surface-sand:var(--arena-100);
  --surface-inverse:var(--basalto-950);
  --surface-marino:var(--atlantico-900);
  --text-primary:var(--basalto-900);
  --text-secondary:var(--basalto-500);
  --text-muted:var(--basalto-400);
  --text-inverse:var(--arena-50);
  --text-inverse-muted:rgba(250,245,234,.64);
  --accent:var(--caldera-600);
  --accent-strong:var(--caldera-700);
  --accent-soft:var(--caldera-100);
  --link:var(--caldera-700);
  --link-hover:var(--caldera-500);
  --border-subtle:rgba(36,28,21,.14);
  --border-strong:rgba(36,28,21,.32);
  --border-inverse:rgba(250,245,234,.22);
  --focus-ring:var(--atlantico-500);
  --success:var(--vina-700); --success-bg:var(--vina-100);
  --warning:var(--mosto-600); --warning-bg:var(--mosto-100);
  --danger:var(--caldera-600); --danger-bg:var(--caldera-100);
  --info:var(--atlantico-700); --info-bg:var(--atlantico-100);
}
/* Bodega La Haya — typography tokens */
:root{
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-sans:'Work Sans','Helvetica Neue',Arial,sans-serif;
  --font-script:'Caveat',cursive;

  --text-display-xl:clamp(52px,6vw,76px); --lh-display-xl:1.02; 
  --text-display:48px; --lh-display:1.06; 
  --text-h1:38px; --lh-h1:1.12; 
  --text-h2:30px; --lh-h2:1.18; 
  --text-h3:22px; --lh-h3:1.25; 
  --text-lead:19px; --lh-lead:1.55; 
  --text-body:16px; --lh-body:1.6; 
  --text-small:14px; --lh-small:1.5; 
  --text-caption:12.5px; --lh-caption:1.45; 
  --text-eyebrow:12px; --ls-eyebrow:.22em; 
  --text-script:26px;

  --weight-display:500; 
  --weight-body:400; 
  --weight-medium:500; 
  --weight-semibold:600; 
}
/* Bodega La Haya — spacing & layout tokens (4px base) */
:root{
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --space-9:96px; --space-10:128px;
  --container-max:1200px;
  --container-pad:clamp(20px,4vw,48px);
  --section-gap:var(--space-9);
}
/* Bodega La Haya — borders, radii, shadows, motion */
:root{
  --radius-xs:2px;   /* buttons, inputs — label-like sharpness */
  --radius-sm:4px;   /* cards small */
  --radius-md:8px;   /* photos, large cards */
  --radius-pill:999px; /* tags, stamps */

  --border-hairline:1px solid var(--border-subtle);
  --border-rule:1px solid var(--border-strong);

  --shadow-card:0 1px 2px rgba(23,17,11,.05),0 10px 28px rgba(23,17,11,.07);
  --shadow-raised:0 2px 6px rgba(23,17,11,.08),0 24px 56px rgba(23,17,11,.16);
  --shadow-bottle:drop-shadow(0 18px 22px rgba(23,17,11,.28));

  --ease-out:cubic-bezier(.22,.61,.36,1); 
  --dur-fast:140ms; 
  --dur-med:260ms; 

  /* Protection gradient for text over photography */
  --scrim-bottom:linear-gradient(180deg,rgba(23,17,11,.12) 0%,rgba(23,17,11,.3) 45%,rgba(23,17,11,.86) 100%); 
  --scrim-marino:linear-gradient(180deg,rgba(18,53,64,.14) 0%,rgba(18,53,64,.32) 40%,rgba(18,53,64,.88) 100%); 
}