:root {
    /* Design System Oficial do Pulse (Dark Obsidian Emerald - Sprint 1 Visual Redesign - Refinamento Neutro) */
    --bg-main: #181A1F;
    --bg-content: #181A1F;
    --bg-sidebar: #141619;
    --bg-header: #141619;

    --card: #212327;
    --card-hover: #25272C;
    --surface: #212327;
    --surface-hover: #25272C;

    --input-bg: #1D1F23;
    --input-bg-focus: #212327;

    --border: rgba(255, 255, 255, 0.06);
    --border-strong: rgba(78, 222, 163, 0.2);

    /* Verde Esmeralda Pulse */
    --primary: #10B981;
    --primary-hover: #4EDEA3;
    --primary-light: rgba(78, 222, 163, 0.08);
    --primary-subtle: rgba(16, 185, 129, 0.10);

    /* Texto */
    --text: #E5E2E1;
    --text-secondary: #BBCABF;
    --text-muted: #BBCABF;
    --text-on-primary: #003824;

    /* Estados */
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #FFB4AB;
    --info: #3B82F6;

    /* Compatibilidade */
    --bg-card: var(--card);
    --bg-hover: var(--card-hover);
    --text-primary: var(--text);
    --text-placeholder: var(--text-muted);
    --color-primary: var(--primary);
    --color-primary-hover: var(--primary-hover);
    --color-primary-light: var(--primary-light);
    --color-primary-soft: rgba(16, 185, 129, 0.06);
    --color-background: var(--bg-main);
    --color-card: var(--card);
    --color-surface: var(--card);
    --color-surface-secondary: var(--card-hover);
    --color-text: var(--text);
    --color-text-secondary: var(--text-secondary);
    --color-border: var(--border);
    --color-success: var(--success);
    --color-warning: var(--warning);
    --color-error: var(--danger);
    --color-danger: var(--danger);

    /* Token Aliases do Sistema Pulse (--pulse-*) */
    --pulse-bg: var(--bg-main, #181A1F);
    --pulse-bg-content: var(--bg-content, #181A1F);
    --pulse-sidebar: var(--bg-sidebar, #141619);
    --pulse-header: var(--bg-header, #141619);
    --pulse-input: var(--input-bg, #1D1F23);
    --pulse-surface-lowest: var(--bg-sidebar, #141619);
    --pulse-surface-low: var(--input-bg, #1D1F23);
    --pulse-surface: var(--card, #212327);
    --pulse-surface-high: var(--card-hover, #25272C);
    --pulse-surface-highest: #2D3037;
    --pulse-text: var(--text, #E5E2E1);
    --pulse-text-muted: var(--text-muted, #BBCABF);
    --pulse-border: var(--border, rgba(255, 255, 255, 0.06));
    --pulse-primary: var(--primary, #10B981);
    --pulse-primary-strong: var(--primary, #10B981);
    --pulse-primary-hover: var(--primary-hover, #4EDEA3);
    --pulse-error: var(--danger, #FFB4AB);
    --pulse-warning: var(--warning, #F59E0B);

    /* ==============================================
       HEADER HEIGHT — token global de altura
       Garante linha horizontal contínua entre
       sidebar-header e app-header (header principal)
    ============================================== */
    --header-height: 72px;

    /* Fonts & Typography */
    --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: 'Geist', ui-monospace, monospace;

    /* Font Sizes */
    --font-size-title: 2rem;
    --font-size-subtitle: 1.15rem;
    --font-size-text: 0.9375rem;
    --font-size-caption: 0.75rem;

    /* Typographic Tokens */
    --font-page-title: 32px;
    --font-page-title-mobile: 26px;
    --font-page-subtitle: 16px;
    --font-section-title: 20px;
    --font-card-value: 28px;
    --font-card-label: 12px;
    --font-table-header: 12px;
    --font-body: 15px;
    --font-small: 13px;

    /* Spacing Scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* Spacing & Borders */
    --border-radius-sm: 12px;
    --border-radius-md: 16px;
    --border-radius-lg: 20px;

    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-pill: 9999px;

    /* Component Dimensions */
    --btn-height: 48px;
    --btn-padding-x: 28px;
    --btn-radius: 14px;
    --btn-font-size: 1rem;
    --btn-gap: 10px;

    --input-height: 48px;
    --input-radius: 14px;

    --card-padding: 24px;
    --card-radius: 16px;

    --icon-size-sm: 18px;
    --icon-size-md: 20px;
    --icon-size-lg: 24px;
    --icon-container: 36px;

    --avatar-size: 40px;

    /* Subtle border & Green Glow */
    --card-border: rgba(255, 255, 255, 0.05);
    --gradient-primary: linear-gradient(135deg, #37E3B4 0%, #26D39F 35%, #1ABC86 70%, #149E71 100%);
    --gradient-card-hero: radial-gradient(circle at top left, rgba(255,255,255,0.18), transparent 45%), linear-gradient(135deg, #37E3B4 0%, #26D39F 35%, #1ABC86 70%, #149E71 100%);
    --gradient-btn-primary: linear-gradient(135deg, #37E3B4 0%, #26D39F 35%, #1ABC86 70%, #149E71 100%);
    --glow-primary: 0 20px 45px rgba(27, 196, 138, 0.20);
    --glow-btn-primary: 0 8px 20px rgba(27, 196, 138, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    --glow-btn-primary-hover: 0 14px 30px rgba(27, 196, 138, 0.28);

    /* Modern Dark Shadows (Real Depth) */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.45);
    --shadow-header: 0 4px 20px rgba(0, 0, 0, 0.35);
    --shadow-card: 0 10px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.025);
    --shadow-card-hover: 0 18px 38px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(42, 211, 160, 0.06);

    /* Transitions */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.22s ease;
}