/*
 * Tokens de tema Flowt (V0.1021 spec 0885).
 *
 * As telas usam --flowt-*; nunca --kendo-* (a guarda TokenDeTemaGuardTests reprova qualquer uso em tela,
 * sem teto — tolerância zero desde a V0.1028 spec 0916). Por ora cada token Flowt é APELIDO do token Telerik
 * de mesmo nome (--kendo-X → --flowt-X), então nada muda na tela: o valor continua vindo da folha do
 * tema (<link id="theme-stylesheet">) e acompanha a troca de família e de claro/escuro sozinho, porque
 * var() é resolvido em execução. No dia da saída do Telerik, só este mapa muda.
 *
 * Ordem no index.html: depois da folha do tema e antes do app.css. A ordem não muda o valor (o apelido
 * é resolvido no :root, onde o app.css também redefine --kendo-font-family), mas mantém a leitura
 * "tema → nomes Flowt → telas".
 *
 * Token Telerik ausente na família (ex.: --kendo-color-subtle-bg) deixa o apelido inválido, e o
 * fallback do var() da tela vale como valia antes.
 *
 * Fica de fora, de propósito: --kendo-treeview-level é variável interna do componente de árvore, não
 * token de tema; o uso dela conta como interior de componente na guarda.
 *
 * Token Telerik novo em tela ganha apelido aqui antes do uso.
 */
:root {
    --flowt-color-subtle: var(--kendo-color-subtle);
    --flowt-color-border: var(--kendo-color-border);
    --flowt-color-on-base: var(--kendo-color-on-base);
    --flowt-color-warning: var(--kendo-color-warning);
    --flowt-color-primary: var(--kendo-color-primary);
    --flowt-color-error: var(--kendo-color-error);
    --flowt-color-base-subtle: var(--kendo-color-base-subtle);
    --flowt-color-on-app-surface: var(--kendo-color-on-app-surface);
    --flowt-color-success: var(--kendo-color-success);
    --flowt-color-base: var(--kendo-color-base);
    --flowt-color-surface: var(--kendo-color-surface);
    --flowt-color-info: var(--kendo-color-info);
    --flowt-color-on-surface: var(--kendo-color-on-surface);
    --flowt-color-app-surface: var(--kendo-color-app-surface);
    --flowt-color-base-hover: var(--kendo-color-base-hover);
    --flowt-color-surface-alt: var(--kendo-color-surface-alt);
    --flowt-color-on-primary: var(--kendo-color-on-primary);
    --flowt-color-subtle-bg: var(--kendo-color-subtle-bg);
    --flowt-color-warning-subtle: var(--kendo-color-warning-subtle);
    --flowt-color-subtle-text: var(--kendo-color-subtle-text);
    --flowt-color-on-warning: var(--kendo-color-on-warning);
    --flowt-color-success-subtle: var(--kendo-color-success-subtle);
    --flowt-color-surface-hovered: var(--kendo-color-surface-hovered);
    --flowt-color-primary-subtle: var(--kendo-color-primary-subtle);
    --flowt-color-on-error: var(--kendo-color-on-error);
    --flowt-border-radius-md: var(--kendo-border-radius-md);
    --flowt-font-family: var(--kendo-font-family);
    --flowt-font-family-monospace: var(--kendo-font-family-monospace);

    /* Tokens que as telas já usavam sem existirem (V0.1054 spec 1093, decisão do dono): sem definição, valia o
       fallback fixo de cada tela (cores do escuro também no claro). Agora seguem o tema em toda família; a Almap
       BBDO v2 os redefine no escopo dela. */
    --flowt-text-muted: var(--flowt-color-subtle);
    --flowt-border: var(--flowt-color-border);
    --flowt-border-subtle: var(--flowt-color-border);
    --flowt-danger: var(--flowt-color-error);
    --flowt-accent: var(--flowt-color-primary);
    --flowt-accent-bg: var(--flowt-color-primary-subtle);
    --flowt-text-secondary: var(--flowt-color-subtle-text);
    --flowt-warning: var(--flowt-color-warning);
    --flowt-text: var(--flowt-color-on-app-surface);
    --flowt-text-primary: var(--flowt-color-on-app-surface);

    /* Pesos de fonte (V0.1054 spec 1089): o CSS de tela não escreve peso numérico (guarda PesoDeFonteGuardTests).
       Valem o MESMO de hoje em todas as famílias — nada muda nelas; a camada da Almap BBDO v2 os redefine com teto
       de 500 (título 400, número grande 300). Não são apelidos de --kendo-*: o tema compilado não tem esses papéis.
       "title" e "kpi" valem 600 porque é o peso que os títulos de página e o número do FlowtKpiCard têm hoje;
       "number" (700) é o dos demais números grandes de cartão. */
    --flowt-font-weight-regular: 400;
    --flowt-font-weight-medium: 500;
    --flowt-font-weight-semibold: 600;
    --flowt-font-weight-bold: 700;
    --flowt-font-weight-title: 600;
    --flowt-font-weight-number: 700;
    --flowt-font-weight-kpi: 600;

    /* Gráfico (V0.1054 spec 1091): papéis do padrão de gráfico. Nas famílias de hoje, a paleta que o tema já usa (o
       fallback é o valor da Almap BBDO); a camada da Almap BBDO v2 os redefine com a paleta validada. Não são apelidos
       de mesmo nome — são papéis — e por isso levam fallback. */
    --flowt-chart-series-1: var(--kendo-color-series-a, #45c7e6);
    --flowt-chart-series-2: var(--kendo-color-series-b, #ffd95a);
    --flowt-chart-series-3: var(--kendo-color-series-c, #86dc5b);
    --flowt-chart-series-4: var(--kendo-color-series-d, #4fc3d8);
    --flowt-chart-series-5: var(--kendo-color-series-e, #6f92ff);
    --flowt-chart-series-6: var(--kendo-color-series-f, #c46ae0);
    --flowt-chart-hi: var(--kendo-color-primary, #ff5a5f);
    --flowt-chart-ctx: var(--kendo-color-subtle, #a7a7a7);
    --flowt-chart-other: var(--kendo-color-base, #2a2a2a);
    --flowt-chart-grid: var(--kendo-chart-major-lines, rgba(245, 245, 245, 0.08));
    --flowt-chart-axis: var(--kendo-color-border, rgba(255, 255, 255, 0.16));
}