/* Design tokens — tema claro (padrão) */
:root,
[data-theme="light"] {
    color-scheme: light;

    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    --color-bg: #f4f4f5;
    --color-surface: #ffffff;
    --color-surface-muted: #fafafa;
    --color-text: #18181b;
    --color-text-secondary: #52525b;
    --color-text-muted: #71717a;
    --color-border: #e4e4e7;
    --color-border-strong: #d4d4d8;

    --color-sidebar-bg: #ffffff;
    --color-sidebar-border: #e4e4e7;
    --color-sidebar-text: #3f3f46;
    --color-sidebar-text-muted: #71717a;
    --color-sidebar-hover: #f4f4f5;
    --color-sidebar-active-bg: #f4f4f5;
    --color-sidebar-active-text: #09090b;
    --color-sidebar-accent: #18181b;

    --color-topbar-bg: #ffffff;
    --color-topbar-border: #e4e4e7;
    --color-topbar-text: #3f3f46;
    --color-topbar-active-bg: #f4f4f5;
    --color-topbar-active-text: #09090b;

    --color-primary: #27272a;
    --color-primary-hover: #09090b;
    --color-primary-text: #ffffff;

    --color-secondary: #71717a;
    --color-secondary-hover: #52525b;
    --color-secondary-text: #ffffff;

    --color-danger: #991b1b;
    --color-danger-bg: #fef2f2;
    --color-danger-border: #fecaca;

    --color-success-bg: #f0fdf4;
    --color-success-text: #166534;
    --color-success-border: #bbf7d0;

    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;
    --color-error-border: #fecaca;

    --color-info-bg: #f4f4f5;
    --color-info-text: #3f3f46;
    --color-info-border: #d4d4d8;

    --color-warning-bg: #fafafa;
    --color-warning-text: #52525b;
    --color-warning-border: #d4d4d8;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --radius-sm: 6px;
    --radius-md: 8px;
    --sidebar-width: 280px;
    --sidebar-width-collapsed: 72px;
}

[data-theme="dark"] {
    color-scheme: dark;

    --color-bg: #09090b;
    --color-surface: #18181b;
    --color-surface-muted: #27272a;
    --color-text: #fafafa;
    --color-text-secondary: #d4d4d8;
    --color-text-muted: #a1a1aa;
    --color-border: #3f3f46;
    --color-border-strong: #52525b;

    --color-sidebar-bg: #18181b;
    --color-sidebar-border: #27272a;
    --color-sidebar-text: #e4e4e7;
    --color-sidebar-text-muted: #a1a1aa;
    --color-sidebar-hover: #27272a;
    --color-sidebar-active-bg: #27272a;
    --color-sidebar-active-text: #fafafa;
    --color-sidebar-accent: #fafafa;

    --color-topbar-bg: #18181b;
    --color-topbar-border: #27272a;
    --color-topbar-text: #d4d4d8;
    --color-topbar-active-bg: #27272a;
    --color-topbar-active-text: #fafafa;

    --color-primary: #fafafa;
    --color-primary-hover: #e4e4e7;
    --color-primary-text: #18181b;

    --color-secondary: #52525b;
    --color-secondary-hover: #71717a;
    --color-secondary-text: #fafafa;

    --color-danger: #fca5a5;
    --color-danger-bg: #450a0a;
    --color-danger-border: #7f1d1d;

    --color-success-bg: #052e16;
    --color-success-text: #bbf7d0;
    --color-success-border: #166534;

    --color-error-bg: #450a0a;
    --color-error-text: #fecaca;
    --color-error-border: #7f1d1d;

    --color-info-bg: #27272a;
    --color-info-text: #e4e4e7;
    --color-info-border: #3f3f46;

    --color-warning-bg: #27272a;
    --color-warning-text: #e4e4e7;
    --color-warning-border: #52525b;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
}

html.sidebar-collapsed {
    --sidebar-width: var(--sidebar-width-collapsed);
}