/* Tokens visuais. Único arquivo que define cor e fonte: troque aqui ao aplicar o design system da Innoscience. */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat-latin.woff2') format('woff2-variations'), url('/fonts/montserrat-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat-latin-ext.woff2') format('woff2-variations'), url('/fonts/montserrat-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light;
  --navy: #1d1a55;
  --navy-2: #2b276e;
  --roxo: #4b338f;
  --roxo-texto: #4b338f;
  --ciano: #00b1ef;
  --ciano-escuro: #0077a8;
  --texto: #2a2840;
  --texto-2: #4a4860;
  --texto-3: #5f5d73;
  --fundo: #f6f3fc;
  --superficie: #ffffff;
  --lavanda: #f3edfb;
  --lavanda-2: #e9e1f7;
  --borda: #d9d2ec;
  --linha: #eee9f7;
  --ok: #1e7b3c;
  --ok-fundo: #e6f4ea;
  --aviso: #8a5300;
  --aviso-fundo: #fdf3e1;
  --erro: #b42318;
  --erro-fundo: #fdecea;

  --fonte: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --t-xs: 0.8125rem;
  --t-sm: 0.875rem;
  --t-md: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.375rem;
  --t-2xl: 1.75rem;

  --raio: 12px;
  --raio-sm: 8px;
  --sombra: 0 1px 2px rgba(29, 26, 85, 0.05), 0 6px 20px -10px rgba(29, 26, 85, 0.18);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}