:root {
    /* Cores - Paleta Minimalista DECORAWORLD */
    --color-primary: #D4C4A8;
    /* Bege */
    --color-primary-dark: #C4B498;
    /* Bege escuro */
    --color-secondary: #FFFFFF;
    /* Branco */
    --color-text: #333333;
    /* Cinza escuro */
    --color-text-light: #666666;
    /* Cinza médio */
    --color-border: #E0E0E0;
    /* Cinza claro */
    --color-background: #FAFAFA;
    /* Bege muito claro */
    --color-success: #4CAF50;
    /* Verde */
    --color-error: #E57373;
    /* Vermelho */
    --color-warning: #FFA726;
    /* Laranja */
    --color-info: #42A5F5;
    /* Azul */

    /* Tipografia */
    --font-family: 'Inter', 'Segoe UI', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Espaçamento */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;

    /* Bordas */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-width: 1px;

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* Transições */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;

    /* Layout */
    --sidebar-width: 260px;
    --header-height: 64px;

    /* Aliases (used by transacoes.html and newer pages) */
    --bg-card: #ffffff;
    --bg-hover: #f3f4f6;
    --border-color: #E0E0E0;
    --primary: #D4C4A8;
    --primary-rgb: 212, 196, 168;
    --radius-md: 8px;
    --radius-sm: 4px;
    --text-primary: #333333;
    --text-muted: #666666;
    --text-sm: 14px;
}