/*
 * Tokens de cor da marca Sofi — GERADO por docs/marca/gerar-tokens.mjs a partir de
 * docs/marca/tokens.json. Não editar à mão: mude o tokens.json e rode o gerador.
 *
 * Três portas para o mesmo par de temas:
 *   :root                          o claro (Creme) — e as cores que não mudam com o tema
 *   :root.dark                     o escuro (Ameixa suave) nos painéis, onde quem troca o tema
 *                                  é a classe que o Filament põe no <html>
 *   :root.sofi-auto + media query  o escuro nas páginas sem seletor de tema: <html class="sofi-auto">
 *                                  segue o sistema operacional
 */
:root {
    --sofi-pink: #f57fe7;
    --sofi-pink-50: #fdf2fb;
    --sofi-pink-100: #fce7f9;
    --sofi-pink-200: #fbcef4;
    --sofi-pink-300: #f9a9ec;
    --sofi-pink-400: #f57fe7;
    --sofi-pink-500: #e854d3;
    --sofi-pink-600: #c42cab;
    --sofi-pink-700: #a92492;
    --sofi-pink-800: #8b2077;
    --sofi-pink-900: #731f62;
    --sofi-pink-950: #4a0a3e;
    --sofi-butter: #fae08e;
    --sofi-peach: #f6a97a;
    --sofi-success-fill: #118554;
    --sofi-warning-fill: #aa620a;
    --sofi-danger-fill: #c9463a;
    --sofi-info-fill: #0d76c6;
    --sofi-face-visible: #118554;
    --sofi-face-pending: #aa620a;
    --sofi-face-covered: #c42cab;
    --sofi-face-outsider: #6c5f67;
    --sofi-face-not-a-face: #9a8d94;

    /* claro — Creme */
    --sofi-canvas: #fdf9f6;
    --sofi-sunken: #f8f2ed;
    --sofi-surface: #ffffff;
    --sofi-raised: #ffffff;
    --sofi-line: #eae1dc;
    --sofi-line-strong: #dacec8;
    --sofi-title: #331f30;
    --sofi-ink: #3a2a37;
    --sofi-muted: #6c5f67;
    --sofi-faint: #9a8d94;
    --sofi-action: #c42cab;
    --sofi-on-action: #ffffff;
    --sofi-action-hover: #c936ae;
    --sofi-link: #c42cab;
    --sofi-pink-soft: #fce7f9;
    --sofi-on-pink-soft: #a92492;
    --sofi-butter-soft: #fdf4d2;
    --sofi-butter-ink: #7a5414;
    --sofi-blob: #fdf0c4;
    --sofi-success-text: #156f47;
    --sofi-success-soft: #e2f3e9;
    --sofi-success-dot: #2fb574;
    --sofi-warning-text: #96560a;
    --sofi-warning-soft: #fcefd6;
    --sofi-warning-dot: #f0a93b;
    --sofi-danger-text: #b3261e;
    --sofi-danger-soft: #fce7e4;
    --sofi-danger-dot: #e5484d;
    --sofi-info-text: #2f6ea8;
    --sofi-info-soft: #e4eff9;
    --sofi-info-dot: #3b82c4;
    --sofi-gray-50: #fdf9f6;
    --sofi-gray-100: #f8f2ed;
    --sofi-gray-200: #eae1dc;
    --sofi-gray-300: #dacec8;
    --sofi-gray-400: #9a8d94;
    --sofi-gray-500: #6c5f67;
    --sofi-gray-600: #53444e;
    --sofi-gray-700: #3a2a37;
    --sofi-gray-800: #3a2a37;
    --sofi-gray-900: #3a2a37;
    --sofi-gray-950: #3a2a37;
}

/* escuro — Ameixa suave */
:root.dark {
    --sofi-canvas: #180f16;
    --sofi-sunken: #1d131a;
    --sofi-surface: #251922;
    --sofi-raised: #30232d;
    --sofi-line: #3f303b;
    --sofi-line-strong: #584754;
    --sofi-title: #f5f0f4;
    --sofi-ink: #e3dbe1;
    --sofi-muted: #aea0aa;
    --sofi-faint: #847580;
    --sofi-action: #c42cab;
    --sofi-on-action: #ffffff;
    --sofi-action-hover: #c936ae;
    --sofi-link: #f9a9ec;
    --sofi-pink-soft: rgb(245 127 231 / 0.14);
    --sofi-on-pink-soft: #f9a9ec;
    --sofi-butter-soft: rgb(250 224 142 / 0.13);
    --sofi-butter-ink: #f5d27c;
    --sofi-blob: rgb(245 127 231 / 0.11);
    --sofi-success-text: #76d59f;
    --sofi-success-soft: rgb(118 213 159 / 0.13);
    --sofi-success-dot: #76d59f;
    --sofi-warning-text: #f5bc69;
    --sofi-warning-soft: rgb(245 188 105 / 0.13);
    --sofi-warning-dot: #f5bc69;
    --sofi-danger-text: #f98f87;
    --sofi-danger-soft: rgb(249 143 135 / 0.13);
    --sofi-danger-dot: #f98f87;
    --sofi-info-text: #7fbef3;
    --sofi-info-soft: rgb(127 190 243 / 0.13);
    --sofi-info-dot: #7fbef3;
    --sofi-gray-50: #f9f7f9;
    --sofi-gray-100: #f5f0f4;
    --sofi-gray-200: #e3dbe1;
    --sofi-gray-300: #c9bec6;
    --sofi-gray-400: #aea0aa;
    --sofi-gray-500: #847580;
    --sofi-gray-600: #584754;
    --sofi-gray-700: #3f303b;
    --sofi-gray-800: #30232d;
    --sofi-gray-900: #251922;
    --sofi-gray-950: #180f16;
}

@media (prefers-color-scheme: dark) {
    :root.sofi-auto {
        --sofi-canvas: #180f16;
        --sofi-sunken: #1d131a;
        --sofi-surface: #251922;
        --sofi-raised: #30232d;
        --sofi-line: #3f303b;
        --sofi-line-strong: #584754;
        --sofi-title: #f5f0f4;
        --sofi-ink: #e3dbe1;
        --sofi-muted: #aea0aa;
        --sofi-faint: #847580;
        --sofi-action: #c42cab;
        --sofi-on-action: #ffffff;
        --sofi-action-hover: #c936ae;
        --sofi-link: #f9a9ec;
        --sofi-pink-soft: rgb(245 127 231 / 0.14);
        --sofi-on-pink-soft: #f9a9ec;
        --sofi-butter-soft: rgb(250 224 142 / 0.13);
        --sofi-butter-ink: #f5d27c;
        --sofi-blob: rgb(245 127 231 / 0.11);
        --sofi-success-text: #76d59f;
        --sofi-success-soft: rgb(118 213 159 / 0.13);
        --sofi-success-dot: #76d59f;
        --sofi-warning-text: #f5bc69;
        --sofi-warning-soft: rgb(245 188 105 / 0.13);
        --sofi-warning-dot: #f5bc69;
        --sofi-danger-text: #f98f87;
        --sofi-danger-soft: rgb(249 143 135 / 0.13);
        --sofi-danger-dot: #f98f87;
        --sofi-info-text: #7fbef3;
        --sofi-info-soft: rgb(127 190 243 / 0.13);
        --sofi-info-dot: #7fbef3;
        --sofi-gray-50: #f9f7f9;
        --sofi-gray-100: #f5f0f4;
        --sofi-gray-200: #e3dbe1;
        --sofi-gray-300: #c9bec6;
        --sofi-gray-400: #aea0aa;
        --sofi-gray-500: #847580;
        --sofi-gray-600: #584754;
        --sofi-gray-700: #3f303b;
        --sofi-gray-800: #30232d;
        --sofi-gray-900: #251922;
        --sofi-gray-950: #180f16;
    }
}