/* ═══════════════════════════════════════════════════════════════════════
   TEMA DEL MANAGER — el ÚNICO sitio donde se cambian letra y colores.
   Cuando llegue el sistema de diseño de Talent Manager (Daniel Damm),
   se reemplazan estos valores y nada más.
   Los colores salen de la paleta que ya usan el CRM y Talent.
   Letra: Plus Jakarta Sans (orden de Santi, 11/11/2026). Son los archivos de Google Fonts,
   servidos desde /tipografias para no depender de fonts.googleapis.com.
   ═══════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/tipografias/plus-jakarta-sans-latin-wght-normal.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/tipografias/plus-jakarta-sans-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Letra */
  --letra: 'Plus Jakarta Sans', system-ui, sans-serif;
  /* Escala de tamaños: cada nivel es 1,25 veces el anterior. No usar tamaños sueltos. */
  --t-nota: 12px;      /* notas, etiquetas, horas */
  --t-cuerpo: 15px;    /* texto normal */
  --t-sub: 19px;       /* nombre de tarjeta, subtítulos */
  --t-titulo: 24px;    /* títulos de ventana */
  --t-grande: 30px;    /* título de cada sección */
  --t-enorme: clamp(38px, 4.4vw, 48px); /* saludo y lema */

  /* Marca B4M */
  --marca-verde: #a5c34d;
  --marca-verde-oscuro: #526b18;
  --marca-azul: #4876b7;
  --marca-dorado: #d09e52;

  /* Superficies y texto */
  --fondo: #f2f4ef;
  --superficie: #fdfdfb;
  --elevada: #ffffff;
  --suave: #eff5e3;
  --resalte: #d6e4c6;
  --linea: #dfe6d6;
  --linea-2: #c9d4bd;
  --tinta: #1b2b18;
  --tinta-2: #43523f;
  --tinta-3: #5b6857;
  --acento: #526b18;
  --sobre-acento: #ffffff;
  --peligro: #b42318;
  --peligro-fondo: #fdecea;

  /* Barra lateral (siempre oscura: es la firma del Manager) */
  --barra: #16231a;
  --barra-2: #1f3023;
  --barra-tinta: #e8eee5;
  --barra-tinta-2: #a9b8a6;

  /* Tintes de las tarjetas */
  --tinte-verde: #e6efd0;
  --tinte-azul: #e3ecf8;
  --tinte-dorado: #f6ead2;
  --trazo-verde: #86a33a;
  --trazo-azul: #4876b7;
  --trazo-dorado: #b98334;

  --sombra: 0 1px 2px rgb(27 43 24 / .06), 0 8px 24px -12px rgb(27 43 24 / .18);
  --sombra-alta: 0 2px 4px rgb(27 43 24 / .08), 0 18px 40px -16px rgb(27 43 24 / .32);
  --radio: 14px;
  --radio-chico: 9px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #0b100c;
    --superficie: #111813;
    --elevada: #182119;
    --suave: #172019;
    --resalte: #26361d;
    --linea: #222c24;
    --linea-2: #334036;
    --tinta: #e8eee5;
    --tinta-2: #bac5b6;
    --tinta-3: #8e9b91;
    --acento: #b5cf62;
    --sobre-acento: #10180f;
    --peligro: #f1998e;
    --peligro-fondo: #3a1818;
    --barra: #080c09;
    --barra-2: #141c16;
    --tinte-verde: #1f2d17;
    --tinte-azul: #16233a;
    --tinte-dorado: #33270f;
    --trazo-verde: #9cc44c;
    --trazo-azul: #9dbcf0;
    --trazo-dorado: #f0cb83;
    --sombra: 0 1px 2px rgb(0 0 0 / .4);
    --sombra-alta: 0 12px 32px -12px rgb(0 0 0 / .7);
  }
}