/*
 * Tema do Conexão TSG — "Grafite + verde".
 * Claro é o padrão; escuro é opção do usuário (cinzas neutros).
 * Todas as páginas usam só estas variáveis para cores neutras e de destaque.
 */
:root {
    color-scheme: light;
    --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* destaque (uma cor só): o verde da logo TSG, um tom mais fechado para o texto branco dar leitura */
    --accent: #4e8059;
    --accent-hover: #427049;
    --accent-soft: #e8f1ea;
    --accent-on: #ffffff;
    --accent-text: #3a6846;
    --primary: var(--accent);       /* nome antigo, ainda usado nas páginas */

    /* menu lateral (escuro nos dois modos) */
    --side-bg: #15181c;
    --side-line: #24282e;
    --side-text: #a8afb8;
    --side-text-strong: #f2f4f6;
    --side-hover: #1e2227;
    --side-active: #252a30;

    /* superfícies */
    --bg-app: #f4f5f6;
    --bg-deep: #ffffff;             /* campos de formulário */
    --surface: #f7f8f9;             /* áreas internas, cabeçalho de tabela */
    --card: #ffffff;
    --topbar-bg: #ffffff;
    --fill: #eceef0;
    --fill-strong: #dfe3e6;
    --border: #e3e6e9;
    --border-strong: #cfd4d9;

    /* texto */
    --text-strong: #15181c;
    --text: #1f2328;
    --text-2: #343a41;
    --text-soft: #48505a;
    --text-muted: #5d6670;
    --text-faint: #6b737d;

    /* estados (não contam como destaque) */
    --ok-bg: #e8f1ea;      --ok-text: #2f5a3b;
    --warn-bg: #fdf1dc;    --warn-text: #8a5300;
    --danger-bg: #fde8e6;  --danger-text: #a3261c;
    --info-bg: #e6eefb;    --info-text: #1c4a9e;
    --success-bg: var(--ok-bg); --success-text: var(--ok-text);

    --radius: 10px;
    --radius-sm: 7px;
    --shadow-card: 0 1px 2px rgba(21, 24, 28, 0.05), 0 1px 3px rgba(21, 24, 28, 0.04);
    --shadow-pop: 0 12px 32px rgba(21, 24, 28, 0.16);
    --overlay: rgba(21, 24, 28, 0.5);
    --dark: var(--surface);         /* nome antigo */
}

:root[data-theme="escuro"] {
    color-scheme: dark;
    --accent: #4e8059;
    --accent-hover: #5a8c66;
    --accent-soft: #17251c;
    --accent-on: #ffffff;
    --accent-text: #8fc49c;

    --side-bg: #0e1012;
    --side-line: #1d2024;
    --side-text: #8d949d;
    --side-text-strong: #eceef0;
    --side-hover: #16191c;
    --side-active: #1d2125;

    --bg-app: #121416;
    --bg-deep: #101214;
    --surface: #15181a;
    --card: #191c1f;
    --topbar-bg: #191c1f;
    --fill: #23272b;
    --fill-strong: #2e3338;
    --border: #262a2e;
    --border-strong: #353a40;

    --text-strong: #f5f6f7;
    --text: #eceef0;
    --text-2: #d5d9de;
    --text-soft: #b3b9c0;
    --text-muted: #969da6;
    --text-faint: #8a9199;

    --ok-bg: #17251c;      --ok-text: #8fc49c;
    --warn-bg: #2b2110;    --warn-text: #f0bd62;
    --danger-bg: #2e1614;  --danger-text: #f59087;
    --info-bg: #14213a;    --info-text: #8fb4ff;

    --shadow-card: none;
    --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.55);
    --overlay: rgba(0, 0, 0, 0.6);
}