:root {
    /* Paleta WorkFlows — tema escuro (padrao) */
    --color-primary: #EE4D2D;
    --color-primary-hover: #D8431F;
    --color-bg: #0F0F0F;
    --color-surface: #1A1A1A;
    --color-surface-2: #242424;
    --color-surface-hover: #2D2D2D;
    --color-border: #2E2E2E;
    --color-text: #F5F5F5;
    --color-text-secondary: #A0A0A0;
    --color-success: #22C55E;
    --color-error: #EF4444;
    --color-warning: #F59E0B;
    --color-info: #3B82F6;
    --color-canvas-dot: #262626;
    --color-overlay: rgba(0, 0, 0, 0.6);

    --font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;

    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 24px;
    --spacing-6: 32px;
    --spacing-8: 48px;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);

    --sidebar-width: 260px;
    --topbar-height: 64px;

    --transition-fast: 120ms ease;
    --transition-base: 200ms ease;
}

/*
 * Tema claro: ativado via <html data-theme="light">. A troca e feita por
 * public/assets/js/core/theme.js (persistida em localStorage) e aplicada
 * o mais cedo possivel por public/assets/js/theme-init.js (script classico,
 * nao-modulo, carregado antes do <body> para evitar flash de tema errado).
 */
:root[data-theme="light"] {
    --color-primary: #EE4D2D;
    --color-primary-hover: #D8431F;
    --color-bg: #F5F5F5;
    --color-surface: #FFFFFF;
    --color-surface-2: #F0F0F0;
    --color-surface-hover: #E6E6E6;
    --color-border: #E0E0E0;
    --color-text: #1A1A1A;
    --color-text-secondary: #6B6B6B;
    --color-success: #16A34A;
    --color-error: #DC2626;
    --color-warning: #D97706;
    --color-info: #2563EB;
    --color-canvas-dot: #D9D9D9;
    --color-overlay: rgba(15, 15, 15, 0.4);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.14);
}