@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fontes/manrope-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;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fontes/manrope-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --fundo:        #f6f7f9;
  --superficie:   #ffffff;
  --superficie-2: #f0f2f5;
  --superficie-3: #e7eaf0;

  --linha:        #e4e7ec;
  --linha-2:      #d5d9e0;

  --hover:        rgba(23, 26, 33, 0.04);
  --hover-2:      rgba(23, 26, 33, 0.07);

  --texto:        #171a21;
  --texto-2:      #5a6072;
  --texto-3:      #8a90a2;

  --marca:        #0a9c74;
  --marca-forte:  #087f5f;
  --marca-fundo:  #e3f5ef;
  --marca-ink:    #ffffff;

  --pos:          var(--marca);
  --pos-rgb:      10, 156, 116;
  --neg:          #d84a5b;
  --neg-rgb:      216, 74, 91;
  --neg-fundo:    #fdecee;
  --neg-ink:      #ffffff;
  --alerta:       #b97a1c;
  --alerta-fundo: #fdf3e2;
  --info:         #2378c4;
  --info-fundo:   #e8f2fb;

  --meta-azul:  #1877f2;
  --meta-ink:   #ffffff;

  --fonte-ui:   'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-dado: 'Space Mono', ui-monospace, 'Cascadia Code', Menlo, Consolas, monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md:   1rem;
  --fs-lg:   1.3125rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  1.75rem;

  --lh-justa:  1.15;
  --lh-normal: 1.5;

  --sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;    --sp-7: 3rem;     --sp-8: 4rem;

  --r-sm: 8px;  --r-md: 12px;  --r-lg: 16px;  --r-pill: 999px;

  --sombra-1: 0 1px 2px rgba(10, 60, 46, 0.06), 0 1px 1px rgba(10, 60, 46, 0.04);
  --sombra-2: 0 2px 6px rgba(10, 60, 46, 0.07), 0 10px 34px rgba(10, 60, 46, 0.06);

  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --t-rapido: 0.15s;
  --t-base:   0.25s;

  --topo-h:      60px;
  --lateral-l:   224px;

  --conteudo-max: 1280px;
  --conteudo-folga: var(--sp-5);

  --cortina: rgba(0, 0, 0, 0.45);

  --z-topo: 200;  --z-menu: 300;  --z-modal: 500;  --z-toast: 600;
}

:root[data-theme="dark"] {
  --fundo:        #08090f;
  --superficie:   #10131b;
  --superficie-2: #161a25;
  --superficie-3: #1d2230;

  --linha:        rgba(255, 255, 255, 0.08);
  --linha-2:      rgba(255, 255, 255, 0.14);

  --hover:        rgba(255, 255, 255, 0.04);
  --hover-2:      rgba(255, 255, 255, 0.07);

  --texto:        #eef0f8;
  --texto-2:      #9aa0b8;
  --texto-3:      #6d7390;

  --marca:        #00e5a0;
  --marca-forte:  #33ecb6;
  --marca-fundo:  rgba(0, 229, 160, 0.12);
  --marca-ink:    #03130c;

  --pos:          var(--marca);
  --pos-rgb:      0, 229, 160;
  --neg:          #ff5d6c;
  --neg-rgb:      255, 93, 108;
  --neg-fundo:    rgba(255, 93, 108, 0.12);

  --neg-ink:      #1a0509;
  --alerta:       #ffc960;
  --alerta-fundo: rgba(255, 201, 96, 0.12);
  --info:         #4cc4ff;
  --info-fundo:   rgba(76, 196, 255, 0.12);

  --sombra-1: 0 1px 3px rgba(0, 0, 0, 0.4);
  --sombra-2: 0 12px 44px rgba(0, 0, 0, 0.5);

  --cortina: rgba(0, 0, 0, 0.62);
}

@media (min-width: 1500px) { :root { --conteudo-max: 1400px; } }
@media (min-width: 1800px) { :root { --conteudo-max: 1680px; --conteudo-folga: var(--sp-6); } }
@media (min-width: 2100px) { :root { --conteudo-max: 1920px; } }
@media (min-width: 2560px) { :root { --conteudo-max: 2200px; --lateral-l: 248px; } }
@media (min-width: 3200px) { :root { --conteudo-max: 2560px; --lateral-l: 264px; } }