/* ========================================
   VARIÁVEIS GLOBAIS
   ======================================== */
body {
    /* Cores Primárias (mantidas iguais) */
    --color-primary: #0376d5;
    --color-primary-hover: #0163b3;
    --color-primary-pressed: #014984;
    --color-primary-disabled: #7badd7;

    /* Cores Secundárias (mantidas iguais) */
    --color-secondary: #431e6a;
    --color-secondary-hover: #492274;
    --color-secondary-pressed: #3f1d63;
    --color-secondary-disabled: #725790;

    /* Backgrounds - INVERTIDOS */
    --bg-app: #f5f5f5;
    --bg-surface: #ffffff;
    --bg-surface-light: #fafafa;
    --bg-surface-dark: #e8e8e8;
    --bg-elevated: #ffffff;

    /* Textos - INVERTIDOS */
    --text-primary: #1a1a1a;
    --text-secondary: #555555;
    --text-muted: #888888;
    --text-inverse: #ffffff;

    /* Bordas - INVERTIDAS */
    --border-color: #d0d0d0;
    --border-radius: 8px;
    --border-radius-sm: 4px;

    /* Espaçamentos (mantidos iguais) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;

    /* Headers & Footers (mantidos iguais) */
    --header-height: 56px;
    --footer-height: 72px;

    /* Sombras - INVERTIDAS (mais leves) */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);

    /* Transições (mantidas iguais) */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
}