/* Tokens de marca de Bee Bright.
   Cambiar un color aquí lo cambia en todo el tema. */

:root {
  /* Marca */
  --bb-crema:      #fbf4e8;
  --bb-navy:       #15233f;
  --bb-navy-hondo: #101b32;
  --bb-oro:        #c8901a;
  --bb-oro-texto:  #9a6d12;  /* el oro de marca sobre crema no pasa AA en texto chico */
  --bb-amarillo:   #f3c14e;
  --bb-tan:        #f6ecd6;
  --bb-borde:      #e8dcc2;
  --bb-blanco:     #ffffff;

  /* Texto */
  --bb-texto:       #15233f;
  --bb-texto-suave: #3c4a63;
  --bb-texto-tenue: #5b6880;
  --bb-texto-claro: #d5dbe6;  /* sobre navy */
  --bb-texto-claro-tenue: #9aa4bb;

  /* Tipografía */
  --bb-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --bb-sans:  'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Escala tipográfica (fluida entre 390 y 1280 px) */
  --bb-t-h1:  clamp(2.00rem, 1.18rem + 3.36vw, 3.88rem);
  --bb-t-h2:  clamp(1.75rem, 1.26rem + 2.01vw, 2.88rem);
  --bb-t-h2s: clamp(1.63rem, 1.25rem + 1.57vw, 2.50rem);
  --bb-t-h3:  clamp(1.19rem, 1.08rem + 0.45vw, 1.44rem);
  --bb-t-h3s: 1.13rem;
  --bb-t-lead:clamp(1.06rem, 1.01rem + 0.22vw, 1.19rem);
  --bb-t-base:1rem;
  --bb-t-sm:  0.94rem;
  --bb-t-xs:  0.81rem;

  /* Espaciado */
  --bb-s-1: 4px;  --bb-s-2: 8px;  --bb-s-3: 12px; --bb-s-4: 16px;
  --bb-s-5: 22px; --bb-s-6: 30px; --bb-s-7: 40px; --bb-s-8: 56px;
  --bb-s-9: 72px;
  --bb-seccion: clamp(56px, 3.5rem + 2.6vw, 90px);
  --bb-gutter:  clamp(22px, 1rem + 2vw, 40px);
  --bb-ancho:   1200px;
  --bb-ancho-estrecho: 880px;

  /* Radios y sombras */
  --bb-r-sm: 12px;
  --bb-r:    18px;
  --bb-r-lg: 22px;
  --bb-r-pill: 999px;
  --bb-sombra: 0 1px 2px rgba(21,35,63,.04), 0 8px 24px rgba(21,35,63,.06);

  /* Capas */
  --bb-z-cabecera: 50;
  --bb-z-menu:     40;

  /* Movimiento */
  --bb-trans: 200ms ease;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mulish-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mulish-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mulish-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/newsreader-500-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/newsreader-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}