/* ======================================================================
   MANILKA — Design tokens
   Paleta muestreada directamente de los archivos de marca reales
   (Manilka_Logo-01.png, Manilka_Isotipo-01/02/04/05.png) — no inventada.
   Tipografía: Opción B del documento de Dirección de Arte, aprobada
   2026-08-07 — Fraunces (títulos/acentos) + Inter (cuerpo/botones).
   Clifton/Hagrid quedan en assets/fonts/ sin usarse — eran la Opción A,
   no aprobada (licencia de uso web nunca confirmada).
   ====================================================================== */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root{
  /* Color — muestreado de los archivos de marca reales */
  --color-terracota:     #966A4A; /* isotipo-01 / logo-01 */
  --color-terracota-70:  rgba(150,106,74,.72);
  --color-terracota-40:  rgba(150,106,74,.40);
  --color-sage:          #7C824D; /* isotipo-02, confirmado también en el SVG vectorial de marca */
  --color-sand:          #DEBF6F; /* isotipo-04 / logo-02 */
  --color-ink:           #211A14; /* casi-negro cálido, no negro puro — coherente con la paleta terracota */
  --color-ink-70:        rgba(33,26,20,.72);
  --color-ink-40:        rgba(33,26,20,.40);
  --color-paper:         #F1EFE9; /* isotipo-05, variante clara de marca */
  --color-paper-deep:    #E3DDCE;
  --color-paper-hi:      #FAF9F5;
  --color-accent:        var(--color-sage);
  --color-line:          rgba(33,26,20,.16);
  --color-line-soft:     rgba(33,26,20,.09);
  --color-good:          #5C6E3F;
  --color-warn:          #8A5A22; /* verificado >4.5:1 sobre --color-paper */
  --color-sold:          #7A5548;
  --color-blocked:       #6B6459;

  /* Tipografía — Opción B (Dirección de Arte, aprobada) */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Inter', -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-accent:  'Fraunces', Georgia, serif;
  --font-mono:    ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  /* Espaciado — escala de 8pt, con saltos más generosos entre secciones
     (regla de oro: la página debe respirar — ver
     MANILKA_BRAND_PERSONALITY.md) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:80px; --sp-9:140px;

  /* Movimiento — más lento que el estándar de Vi-Ha36 a propósito:
     "transiciones lentas y suaves, nunca abruptas" */
  --ease-doc: cubic-bezier(.22,.61,.36,1);
  --dur-med: 700ms; --dur-slow: 1400ms; --dur-cinema: 2200ms;

  /* Layout */
  --container-max: 1320px;
  --radius: 2px;

  --bp-tablet: 768px;
  --bp-laptop: 1024px;
  --bp-desktop: 1280px;
}