/* Tokens semânticos: superfícies, conteúdo, ações, espaçamento e estados. */
:root {
    color-scheme: light;
    --color-canvas: #f6f8fb;
    --color-surface: #fff;
    --color-surface-muted: #f0f4f8;
    --color-text: #172b43;
    --color-text-muted: #576b81;
    --color-border: #dce4ed;
    --color-primary: #245e99;
    --color-primary-hover: #194a7c;
    --color-primary-soft: #eaf2fb;
    --color-sidebar: #112a43;
    --color-accent: #c74b15;
    --color-success: #217148;
    --color-success-soft: #eaf7ee;
    --color-danger: #b62f39;
    --color-danger-soft: #fff0f1;
    --color-focus: #377dc8;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --radius-sm: .5rem;
    --radius-md: .75rem;
    --radius-lg: 1rem;
    --shadow-sm: 0 1px 3px #172b4308;
    --shadow-md: 0 8px 24px #172b4310;
    --duration-fast: 160ms;
    --font-ui: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --app-bg: var(--color-canvas);
    --app-panel: var(--color-surface);
    --app-ink: var(--color-text);
    --app-muted: var(--color-text-muted);
    --app-line: var(--color-border);
    --app-brand: var(--color-primary);
    --app-brand-dark: var(--color-sidebar);
    --app-accent: var(--color-accent);
    --app-success: var(--color-success);
    --app-shadow: var(--shadow-md);
}