/* Design tokens — Aluminio & Madera. Fuente: skill brand-aluminioymadera. */

/* Fuentes self-hosted (woff2 latin, sin CDN externo). */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/montserrat-600.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/montserrat-700.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/montserrat-800.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600.woff2") format("woff2")}

:root{
  /* Paleta */
  --carbon:#1a1a1a;
  --charcoal:#2b2b2b;
  --charcoal-2:#222222;
  --aluminio:#c8ccce;
  --aluminio-dark:#8a9096;
  --chrome-hi:#eef1f3;
  --blanco:#f4f4f4;
  --giesse:#009640;
  --giesse-600:#007d34;
  --roto:#e2231a;
  --black:#0b0c0c;
  --black-soft:#111313;
  --silver-line:rgba(200,204,206,.2);
  --silver-line-strong:rgba(238,241,243,.38);
  --wood:#8d5b36;

  /* Degradé cromado (logo / títulos) */
  --chrome-grad:linear-gradient(180deg,#eef1f3 0%,#8a9096 45%,#c8ccce 100%);

  /* Tipografía — self-hosted arriba (@font-face). */
  --font-display:"Montserrat","Archivo","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --font-body:"Inter","Roboto","Segoe UI",system-ui,-apple-system,Arial,sans-serif;

  /* Escala / layout */
  --maxw:1320px;
  --gap:clamp(1rem,3vw,2.5rem);
  --radius:8px;
  --sp-section:clamp(5rem,10vw,9rem);

  /* Sombras */
  --shadow:0 24px 70px rgba(0,0,0,.5);
  --shadow-border:0 0 0 1px rgba(255,255,255,.09),0 18px 50px rgba(0,0,0,.25);
  --shadow-border-hover:0 0 0 1px rgba(255,255,255,.16),0 22px 60px rgba(0,0,0,.32);
}