/* Inter (variable, pesos 400-700), guardada localmente para funcionar sin internet. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin.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;
}

/* Variables de diseño. Todo valor de marca vive aquí: al tener paleta, tipografía
   y tamaños finales, basta con editar este archivo. (Valores actuales = provisorios.) */
:root {
  /* Paleta Original */
  --color-fondo-app: #ffffff;
  --color-fondo-chat: #f4f5f7;
  --color-superficie: #eff4f7;        /* burbujas y tarjetas */
  --color-burbuja-alumno: #e1ecf4;    /* burbuja del alumno */
  --color-burbuja-tutor: #ffffff;     /* burbuja del tutor (más clara que la del alumno) */
  --color-borde: #c9d1d8;
  --color-texto: #1e2328;
  --color-texto-suave: #7b848c;
  --color-texto-sobre-primario: #ffffff;

  /* Paleta Kairós (Para cada una 500 es el color base).*/

  /* Primario */
  --kairos-primario-100: #F9D5D0;
  --kairos-primario-200: #F3A6A4;
  --kairos-primario-300: #DD7179;
  --kairos-primario-400: #BB495D;
  --kairos-primario-500: #8E1B3A;
  --kairos-primario-600: #7A1339;
  --kairos-primario-700: #660D36;
  --kairos-primario-800: #520831;

  /* Secundario */
  --kairos-secundario-100: #DAE7F5;
  --kairos-secundario-200: #B8CFEB;
  --kairos-secundario-300: #849EC4;
  --kairos-secundario-400: #516689;
  --kairos-secundario-500: #1B263B;
  --kairos-secundario-600: #131D32;
  --kairos-secundario-700: #0D152A;
  --kairos-secundario-800: #080E22;

  /* Acento */
  --kairos-acento-100: #D2FEF6;
  --kairos-acento-200: #A6FDF4;
  --kairos-acento-300: #79F9F6;
  --kairos-acento-400: #57ECF4;
  --kairos-acento-500: #22D3EE;
  --kairos-acento-600: #18A6CC;
  --kairos-acento-700: #117EAB;
  --kairos-acento-800: #0A5B8A;

  /* Notificación */
  --kairos-notificacion-100: #FFF8D8;
  --kairos-notificacion-200: #FFEEB1;
  --kairos-notificacion-300: #FFE38A;
  --kairos-notificacion-400: #FFD76D;
  --kairos-notificacion-500: #FFC53D;
  --kairos-notificacion-600: #DBA12C;
  --kairos-notificacion-700: #B7801E;
  --kairos-notificacion-800: #936113;

  /* Éxito */
  --kairos-exito-100: #C6F8CC;
  --kairos-exito-200: #91F1A6;
  --kairos-exito-300: #56D77F;
  --kairos-exito-400: #2BAF63;
  --kairos-exito-500: #007B40;
  --kairos-exito-600: #006941;
  --kairos-exito-700: #00583F;
  --kairos-exito-800: #00473A;

  /* Error */
  --kairos-error-100: #FEE5D8;
  --kairos-error-200: #FDC5B1;
  --kairos-error-300: #FA9D8A;
  --kairos-error-400: #F6776C;
  --kairos-error-500: #F03D3E;
  --kairos-error-600: #CE2C3B;
  --kairos-error-700: #AC1E38;
  --kairos-error-800: #8B1333;

  /* Tipografía */
  --fuente: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --texto-xs: 11px;
  --texto-sm: 13px;
  --texto-md: 15px;
  --texto-lg: 20px;

  /* Títulos del contenido en Markdown (guías de estudio): tamaño y grosor de h1, h2 y h3. */
  --titulo-1-tamano: 20px;
  --titulo-1-peso: 700;
  --titulo-2-tamano: 17px;
  --titulo-2-peso: 700;
  --titulo-3-tamano: 15px;
  --titulo-3-peso: 600;

  /* Geometría */
  --ancho-sidebar: 62px;
  --radio: 10px;
  --sombra: 0 2px 8px rgba(0, 0, 0, 0.18);
  --sombra-widget: 0 6px 28px rgba(0, 0, 0, 0.22);

  /* Chatbot */
  --chat-ancho: 440px;
  --chat-alto: 620px;
}