/* Brainy — tokens de marca (fuente: Brainy Design System / Brand Guidelines V1, oct. 2026) */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/BricolageGrotesque-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage Grotesque SemiCondensed";
  src: url("../fonts/BricolageGrotesque-SemiCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage Grotesque SemiCondensed";
  src: url("../fonts/BricolageGrotesque-SemiCondensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage Grotesque SemiCondensed";
  src: url("../fonts/BricolageGrotesque-SemiCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Paleta oficial */
  --brand-yankee-blue: #143e4c;
  --brand-orange: #fc5314;
  --brand-coral-teal: #1b8697;
  --brand-charcoal: #181817;
  --brand-stone: #b5b2ac;
  --brand-warm-stone: #e7e2d9;
  --brand-white: #ffffff;

  /* Tema Positivo (por defecto) */
  --surface: #ffffff;
  --surface-alt: #e7e2d9;
  --surface-inverse: #143e4c;
  --surface-teal: #1b8697;
  --ink: #143e4c;
  --ink-muted: #436570;
  --ink-inverse: #e7e2d9;
  --accent: #fc5314;
  --on-accent: #181817;
  --line: #b5b2ac;
  --line-strong: #143e4c;
  --focus: #1b8697;

  /* Tipografía */
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Bricolage Grotesque SemiCondensed", "Bricolage Grotesque", "Arial Narrow", Arial, sans-serif;
  --fs-display: clamp(3.25rem, 1.9rem + 5.6vw, 6rem);
  --fs-h1: clamp(2.75rem, 1.6rem + 4.4vw, 4.5rem);
  --fs-h2: clamp(2.125rem, 1.6rem + 2vw, 3rem);
  --fs-h3: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --fs-subtitle-lg: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --fs-subtitle: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --fs-body-lg: clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-body-sm: 0.9375rem;
  --fs-caption: 0.8125rem;

  /* Espaciado */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;

  /* Radios */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-icon: 18%;
  --radius-pill: 999px;

  /* Retícula */
  --container-max: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --measure: 65ch;
  --header-h: 80px;
}

/* Tema Negativo: cualquier bloque con data-theme="dark" */
[data-theme="dark"] {
  --surface: #143e4c;
  --surface-alt: #1f4653;
  --surface-inverse: #e7e2d9;
  --ink: #e7e2d9;
  --ink-muted: #b5b2ac;
  --ink-inverse: #143e4c;
  --line: rgba(231, 226, 217, 0.28);
  --line-strong: #e7e2d9;
  --focus: #fc5314;
}