/*
 * Material Design 3 design tokens (light + dark). The shell (app.css) and pages
 * reference these variables only — change a brand colour in one place.
 */
:root {
    --md-sys-color-primary: #1e40af;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #e0e7ff;
    --md-sys-color-on-primary-container: #1e1b4b;

    --md-sys-color-secondary: #06b6d4;
    --md-sys-color-on-secondary: #ffffff;
    /* O par -container faltava, e três regras de app.css já o referenciavam
       (.chip-org, .chat-conversation.is-active, .data-grid th.is-sorted): var()
       indefinida invalida a declaração, então essas três ficavam TRANSPARENTES. */
    --md-sys-color-secondary-container: #cffafe;
    --md-sys-color-on-secondary-container: #164e63;

    --md-sys-color-error: #ef4444;
    --md-sys-color-on-error: #ffffff;

    --md-sys-color-surface: #ffffff;
    --md-sys-color-on-surface: #0f172a;
    --md-sys-color-surface-variant: #f1f5f9;
    --md-sys-color-on-surface-variant: #475569;
    --md-sys-color-surface-container: #f8fafc;
    --md-sys-color-surface-container-highest: #e2e8f0;

    --md-sys-color-outline: #cbd5e1;
    --md-sys-color-outline-variant: #e2e8f0;

    --md-sys-color-background: #f8fafc;
    --md-sys-color-on-background: #0f172a;

    --md-sys-elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
    --md-sys-elevation-2: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
    --md-sys-elevation-3: 0 6px 12px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.12);

    --md-sys-shape-corner-small: 8px;
    --md-sys-shape-corner-medium: 12px;
    --md-sys-shape-corner-large: 16px;
    --md-sys-shape-corner-full: 9999px;

    /* App-shell component tokens — defaults for the base (unthemed) look.
       Per-user themes override these in themes.css; app.css must reference
       the variables, never the hex values. */
    --app-primary-hover: #1e3a8a;
    --app-grad-a: #1e3a8a;
    --app-grad-b: #1e40af;
    --app-navbar-toggle-icon: #f59e0b;
    --app-navbar-icon: #0ea5e9;

    /* Sidebar component tokens. Defaults reproduce the existing look exactly (the
       sidebar follows the surface palette), so themes that don't set them are
       unchanged. A theme that wants a permanently dark rail — like "Walden4 ABA",
       which keeps #1C1E21 even in light mode — overrides these six. */
    --app-sidebar-bg: var(--md-sys-color-surface);
    --app-sidebar-fg: var(--md-sys-color-on-surface);
    --app-sidebar-muted: var(--md-sys-color-on-surface-variant);
    --app-sidebar-border: var(--md-sys-color-outline-variant);
    --app-sidebar-hover-bg: var(--md-sys-color-surface-container);
    --app-sidebar-active-bg: var(--md-sys-color-primary-container);
    --app-sidebar-active-fg: var(--md-sys-color-primary);
    --app-sidebar-accent: var(--md-sys-color-primary);

    /* Escalas clínicas (complexidade, prioridade, prazo, domínio) — Fase 4.
       DE PROPÓSITO fora da paleta de marca: um item "muito alta / prioridade 1"
       precisa parecer urgente em QUALQUER tema, então estes tokens não são
       sobrescritos em themes.css. Mesma decisão do app original, que usa cores
       fixas (emerald/amber/rose) independentemente do tema. */
    --app-scale-low-bg: #d1fae5;     --app-scale-low-fg: #065f46;
    --app-scale-mid-bg: #dbeafe;     --app-scale-mid-fg: #1e3a8a;
    --app-scale-high-bg: #fef3c7;    --app-scale-high-fg: #92400e;
    --app-scale-top-bg: #fee2e2;     --app-scale-top-fg: #991b1b;
    --app-scale-neutral-bg: #e2e8f0; --app-scale-neutral-fg: #334155;
}

[data-bs-theme="dark"] {
    --md-sys-color-primary: #6897bb;
    --md-sys-color-on-primary: #2b2b2b;
    --md-sys-color-primary-container: #214283;
    --md-sys-color-on-primary-container: #a9b7c6;

    --md-sys-color-secondary-container: #164e63;
    --md-sys-color-on-secondary-container: #a5f3fc;

    --md-sys-color-error: #bc3f3c;

    --md-sys-color-surface: #2b2b2b;
    --md-sys-color-on-surface: #bbbbbb;
    --md-sys-color-surface-variant: #313335;
    --md-sys-color-on-surface-variant: #a9b7c6;
    --md-sys-color-surface-container: #313335;
    --md-sys-color-surface-container-highest: #4b4f51;

    --md-sys-color-outline: #555555;
    --md-sys-color-outline-variant: #3c3f41;

    --md-sys-color-background: #2b2b2b;
    --md-sys-color-on-background: #bbbbbb;

    --md-sys-elevation-1: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    --md-sys-elevation-2: 0 3px 6px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.4);
    --md-sys-elevation-3: 0 6px 12px rgba(0, 0, 0, 0.7), 0 3px 6px rgba(0, 0, 0, 0.5);

    /* Escalas clínicas no escuro: mesmos significados, fundo profundo e texto
       claro, para o contraste continuar legível sobre a superfície escura. */
    --app-scale-low-bg: #064e3b;     --app-scale-low-fg: #a7f3d0;
    --app-scale-mid-bg: #1e3a8a;     --app-scale-mid-fg: #bfdbfe;
    --app-scale-high-bg: #78350f;    --app-scale-high-fg: #fde68a;
    --app-scale-top-bg: #7f1d1d;     --app-scale-top-fg: #fecaca;
    --app-scale-neutral-bg: #3c3f41; --app-scale-neutral-fg: #cbd5e1;
}