/*
 * marca.css · Variables de marca de Breakthru Labs (colores y tipografías).
 * Sale del kit de marca v1.0 (marca/06-colores-y-tipografia). Todas las reglas
 * del sitio usan estas variables: nunca poner un color fijo en otra hoja.
 *
 * Uso: Plasma es la cara principal de la marca (logo sobre fondo oscuro);
 * Polvo estelar es la secundaria, para secciones o soportes claros.
 *
 * Contraste (WCAG): Óxido sobre Polvo y Llama sobre Plasma sirven para texto.
 * El Naranja sobre Polvo no llega a 4.5:1, así que va solo en íconos, el
 * isotipo o títulos grandes.
 */

/* Tipografías propias (servidas desde /fonts, licencia OFL): variables, un solo archivo por familia */
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Paleta "Polvo estelar" (clara) */
  --bl-polvo: #F3EEE4;   /* fondo claro principal */
  --bl-tinta: #1B1A17;   /* texto y logo sobre claro */
  --bl-naranja: #E8590C; /* acento del isotipo sobre claro */
  --bl-oxido: #B9470A;   /* texto en acento sobre claro (links, botones) */
  --bl-gris: #6B645A;    /* textos secundarios sobre claro */

  /* Paleta "Plasma" (oscura) */
  --bl-plasma: #240A0A;  /* fondo oscuro principal */
  --bl-llama: #FF5A36;   /* acento sobre oscuro */
  --bl-blanco: #FFFFFF;  /* texto y logo sobre oscuro */

  /* Derivados para la web (no están en el kit): tonos de Plasma para tarjetas y bordes,
     y un texto secundario que se lee bien sobre Plasma (contraste 10:1). */
  --bl-plasma-claro: #34120F;
  --bl-plasma-borde: #4F2018;
  --bl-niebla: #CFC4B5;

  /* Maquetas de los casos: imitan la app de cada cliente, no son colores de nuestra marca */
  --mock-bc-fondo: #FFFFFF;
  --mock-bc-texto: #1B1A17;
  --mock-bc-suave: #6B645A;
  --mock-bc-acento: #1F6F5C;
  --mock-bc-linea: #E6E0D6;
  --mock-grow-fondo: #0B0B0C;
  --mock-grow-superficie: #1A1A1C;
  --mock-grow-texto: #FFFFFF;
  --mock-grow-plata: #C9CDD2;

  /* Tipografías: Outfit para títulos, Inter para texto */
  --bl-font-display: 'Outfit', system-ui, sans-serif;
  --bl-font-body: 'Inter', system-ui, sans-serif;
}