/* Kalina — tokens de marca
   Colores y tipografía extraídos del archivo de Figma "Kalina" (nodo 1:111 HOME).
   El archivo de Figma casi no usa variables, así que los valores vienen de los
   estilos aplicados directamente en las capas. */

@font-face {
  font-family: "Afical Neue";
  src: url("../fonts/AficalNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Afical Neue";
  src: url("../fonts/AficalNeue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Afical Neue";
  src: url("../fonts/AficalNeue-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Paleta --- */
  --c-cafe: #3f1b19;      /* marca: logo, hero, nav, footer */
  --c-cafe-alt: #401b19;  /* variante del diseño, 1 tono más cálido */
  --c-lavanda: #ddcfe7;   /* bandas de respiro y footer */
  --c-amarillo: #ffeb92;  /* Ginger Beer */
  --c-naranjo: #dd6318;   /* Shots */
  --c-gris: #f5f5f5;      /* fondo galería */
  --c-blanco: #fff;
  --c-negro: #000;

  /* --- Tipografía ---
     Escala fluida anclada al ancho de diseño de 1512px (1vw = 15.12px),
     de modo que a 1512px cada valor coincide con el del diseño. */
  --font: "Afical Neue", "Helvetica Neue", Arial, sans-serif;

  --fs-nav: clamp(1rem, 1.587vw, 1.5rem);          /* 24px */
  --fs-manifiesto: clamp(1.5rem, 3.439vw, 3.25rem); /* 52px */
  --fs-titulo: clamp(2.25rem, 5.291vw, 5rem);       /* 80px */
  --fs-cuerpo: clamp(1.25rem, 2.646vw, 2.5rem);     /* 40px */
  --fs-familia: clamp(1.75rem, 3.968vw, 3.75rem);   /* 60px */
  --fs-intro: clamp(1.25rem, 2.116vw, 2rem);        /* 32px */
  --fs-parrafo: 1.125rem;                            /* 18px */
  --fs-boton: clamp(0.875rem, 1.19vw, 1.125rem);    /* 18px */
  --fs-pie: 1.125rem;                                /* 18px */
  --fs-credito: 0.75rem;                             /* 12px */

  --lh-nav: 1;
  --lh-manifiesto: 1.212;  /* 63/52 */
  --lh-titulo: 1.125;      /* 90/80 */
  --lh-cuerpo: 1.375;      /* 55/40 */
  --lh-intro: 1.375;       /* 44/32 */
  --lh-parrafo: 1.444;     /* 26/18 */
  --lh-pie: 1.333;         /* 24/18 */

  --track-boton: 0.2em;    /* 3.6px sobre 18px */

  /* --- Medidas --- */
  --ancho-diseno: 1512px;
  --pad-x: clamp(1.25rem, 6.151vw, 5.813rem); /* 93px */
}