:root {
    --ti-fonte: "Inter", "Segoe UI Variable Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ti-fonte-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;

    --ti-lateral: 240px;
    --ti-lateral-trilho: 64px;
    --ti-topo: 60px;

    --ti-raio-p: 6px;
    --ti-raio: 10px;
    --ti-raio-g: 14px;
    --ti-raio-pilula: 999px;

    --ti-mov: 160ms;
    --ti-curva: cubic-bezier(.2, .7, .2, 1);

    --ti-verde-700: #157a40;
    --ti-verde-600: #1b8a4c;
    --ti-verde-500: #22a35a;
    --ti-verde-400: #3dbf73;
    --ti-verde-300: #7fd9a4;

    --ti-lateral-fundo: #0f1714;
    --ti-lateral-fundo-2: #15201b;
    --ti-lateral-texto: #c9d3cd;
    --ti-lateral-texto-2: #8a978f;
    --ti-lateral-ativo: rgba(34, 163, 90, .18);
    --ti-lateral-borda: #1f2b25;

    --ti-fundo: #f3f5f4;
    --ti-superficie: #ffffff;
    --ti-superficie-2: #f7f9f8;
    --ti-superficie-3: #eef1ef;
    --ti-texto: #1b1f1d;
    --ti-texto-2: #5b645f;
    --ti-texto-3: #7b857f;
    --ti-borda: #e2e6e4;
    --ti-borda-forte: #cfd6d2;
    --ti-sombra: 0 1px 2px rgba(16, 24, 20, .06), 0 1px 3px rgba(16, 24, 20, .04);

    --ti-acento: var(--ti-verde-500);
    --ti-acento-hover: var(--ti-verde-600);
    --ti-acento-ativo: var(--ti-verde-700);
    --ti-acento-sutil: #e6f5ec;
    --ti-sobre-acento: #ffffff;
    --ti-foco: 0 0 0 3px rgba(34, 163, 90, .3);

    --ti-positivo: #1e7a46;
    --ti-positivo-sutil: #e3f3e9;
    --ti-atencao: #8a5a0b;
    --ti-atencao-sutil: #fbf0dc;
    --ti-negativo: #b23a2a;
    --ti-negativo-sutil: #fbe9e6;
    --ti-info: #2a5e8a;
    --ti-info-sutil: #e4eef7;
    --ti-neutro: #52585a;
    --ti-neutro-sutil: #ecefed;
    --ti-processo: #5b4fa8;
    --ti-processo-sutil: #eeecf9;
}

[data-bs-theme="dark"] {
    --ti-fundo: #0d1211;
    --ti-superficie: #141c19;
    --ti-superficie-2: #182320;
    --ti-superficie-3: #1f2c27;
    --ti-texto: #e6ebe8;
    --ti-texto-2: #a9b4ae;
    --ti-texto-3: #7f8a84;
    --ti-borda: #243029;
    --ti-borda-forte: #2f3d35;
    --ti-sombra: 0 1px 2px rgba(0, 0, 0, .4);

    --ti-acento: var(--ti-verde-400);
    --ti-acento-hover: var(--ti-verde-300);
    --ti-acento-ativo: var(--ti-verde-500);
    --ti-acento-sutil: rgba(34, 163, 90, .16);
    --ti-sobre-acento: #0b1510;

    --ti-positivo: #5ccf8a;
    --ti-positivo-sutil: rgba(61, 191, 115, .16);
    --ti-atencao: #e8b452;
    --ti-atencao-sutil: rgba(232, 180, 82, .16);
    --ti-negativo: #f07c6b;
    --ti-negativo-sutil: rgba(240, 124, 107, .16);
    --ti-info: #6fb0ea;
    --ti-info-sutil: rgba(111, 176, 234, .16);
    --ti-neutro: #aab3ae;
    --ti-neutro-sutil: rgba(170, 179, 174, .14);
    --ti-processo: #a89cf0;
    --ti-processo-sutil: rgba(168, 156, 240, .16);
}