/* ==========================================================================
   MeSobra · Tokens del sistema de diseño 2.0 (propuesta)
   Mantiene: colores de marca de v1.2 y logos originales.
   Cambia: tipografía, escala (mínimo 14 px), radios, elevación, iconos, estados.
   ========================================================================== */
/* Fuentes propias (licencia OFL): variables, subconjunto latino. Antes venían de Google Fonts. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  /* --- Colores de marca (sin cambios respecto de v1.2) --- */
  --g: #237d30;          /* Verde principal: CTA primario, foco, marca */
  --g-700: #1b6525;      /* Interacción del primario */
  --forest: #315f3b;     /* Apoyo oscuro, enlaces */
  --forest-700: #244a2e;
  --ink: #203a2e;        /* Texto principal */
  --deep: #15321f;       /* Superficies oscuras */
  --paper: #f6f7f2;      /* Fondo de apoyo */
  --leaf: #edf5e9;       /* Superficie suave verde */
  --line: #d5e1cf;       /* Separadores */
  --muted: #526657;      /* Texto secundario */
  --danger: #a63832;     /* Error y eliminar */
  --white: #ffffff;
  --logo-green: #39aa38; /* Verde del isotipo: solo acentos sobre fondos oscuros, nunca botones */

  /* --- Nuevo en 2.0: acento y estados --- */
  --amber: #f2b134;      /* Ámbar obra: «Reservado», valoraciones, destacados */
  --amber-soft: #fdf1d6;
  --amber-ink: #5c3d00;
  --st-available: var(--g);
  --st-reserved: var(--amber);
  --st-sold: var(--ink);
  --st-paused: var(--muted);

  /* Transparencias funcionales (derivadas, no colores nuevos) */
  --g-08: rgba(35, 125, 48, .08);
  --g-16: rgba(35, 125, 48, .16);
  --ink-06: rgba(32, 58, 46, .06);
  --ink-12: rgba(32, 58, 46, .12);
  --w-10: rgba(255, 255, 255, .10);
  --w-20: rgba(255, 255, 255, .20);
  --w-70: rgba(255, 255, 255, .72);

  /* --- Tipografía --- */
  --f-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; /* 20-10-2026: títulos en Inter (más limpia y estándar) */
  --f-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-hero: clamp(44px, 7vw, 96px);
  --fs-h1: clamp(36px, 5vw, 60px);
  --fs-h2: clamp(30px, 3.8vw, 46px);
  --fs-h3: clamp(21px, 2vw, 26px);
  --fs-lg: 19px;
  --fs-body: 17px;
  --fs-sm: 15px;
  --fs-min: 14px;        /* Nunca menos de 14 px */

  /* --- Forma y espacio --- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --max: 1280px;
  --gut: 16px;
  --header-h: 68px;
  --tabbar-h: 68px;

  /* --- Elevación --- */
  --e1: 0 1px 2px rgba(21, 50, 31, .06), 0 2px 8px rgba(21, 50, 31, .05);
  --e2: 0 14px 34px -14px rgba(21, 50, 31, .28);
  --e3: 0 34px 80px -24px rgba(21, 50, 31, .45);

  /* --- Movimiento --- */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --t-fast: 160ms;
  --t: 240ms;
  --t-slow: 420ms;
}
@media (min-width: 900px) {
  :root { --gut: 32px; --header-h: 76px; }
}