/* ============================================================
   FABRICACIÓN ESPAÑOLA · Tokens de marca
   Paleta oficial + variables semánticas compartidas.
   ============================================================ */
:root {
  /* Paleta de marca */
  --fe-azul-noche: #111B2D;
  --fe-carbon:     #151515;
  --fe-marfil:     #F3F0E8;
  --fe-piedra:     #C9C2B5;
  --fe-azul-niebla:#B8C7D1;
  --fe-blanco:     #FFFFFF;

  /* Derivados */
  --fe-azul-noche-90: #1b2740;
  --fe-marfil-oscuro: #E7E2D6;
  --fe-linea:         #E2DDD1;
  --fe-texto-suave:   #5b5f68;

  /* Acento (lo sobrescribe cada tienda desde config → layout) */
  --fe-acento: var(--fe-azul-noche);

  /* Tipografía */
  --fe-font-display: "Jost", "Century Gothic", "Futura", system-ui, sans-serif;
  --fe-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Roles semánticos (modo claro) */
  --bg:        var(--fe-marfil);
  --bg-alt:    var(--fe-blanco);
  --surface:   var(--fe-blanco);
  --text:      var(--fe-carbon);
  --text-muted:var(--fe-texto-suave);
  --line:      var(--fe-linea);
  --header-bg: rgba(243,240,232,.85);
  --footer-bg: var(--fe-azul-noche);
  --footer-text: var(--fe-marfil);
  --btn-primary-bg: var(--fe-azul-noche);
  --btn-primary-text: var(--fe-marfil);

  --radius: 4px;
  --radius-lg: 8px;
  --wrap: 1200px;
  --shadow: 0 1px 2px rgba(17,27,45,.06), 0 8px 30px rgba(17,27,45,.06);
}