/**
 * variables.css — Design Tokens
 * Paleta y tipografía tomadas del Manual de Marca Albura Studio.
 * La terracota queda reservada como acento exclusivo de CTAs.
 */

:root {
  /* ---- Paleta de marca ---- */
  --c-cafe-albura: #4A3728;
  --c-cafe-black:  #2B2118;
  --c-marfil:      #D7C9A6;
  --c-terracota:   #C1571A;
  --c-beige-claro: #EDE6D6;
  --c-mostaza:     #B98D46;

  /* ---- Superficies ---- */
  --bg-base:        var(--c-cafe-black);
  --bg-elevated:     #33271C;
  --bg-light:        var(--c-beige-claro);
  --text-primary:    var(--c-marfil);
  --text-primary-on-light: var(--c-cafe-black);
  --text-muted:      #A8998690;
  --text-muted-solid:#B7A98E;
  --border-hairline: #6b573f66;

  /* ---- Tipografía ---- */
  --font-display: 'Lora', 'Georgia', serif;
  --font-body: 'Work Sans', -apple-system, sans-serif;

  --fs-hero: clamp(3.4rem, 9vw, 8.5rem);
  --fs-h1: clamp(2.6rem, 6vw, 5.4rem);
  --fs-h2: clamp(2.1rem, 4.4vw, 3.6rem);
  --fs-h3: clamp(1.4rem, 2.4vw, 1.9rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.35rem);
  --fs-body: 1rem;
  --fs-small: 0.85rem;
  --fs-eyebrow: 0.78rem;

  /* ---- Espaciado ---- */
  --section-pad-y: clamp(5rem, 12vw, 10rem);
  --container-w: 1320px;
  --container-pad: clamp(1.5rem, 5vw, 4rem);

  /* ---- Movimiento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.35s;
  --dur-med: 0.7s;
  --dur-slow: 1.1s;

  --radius-lg: 28px;
  --radius-md: 16px;
  --radius-sm: 8px;
}