:root {
    /* Cores Principais (Bento Grid - High Contrast) */
    --color-primary: #E0FF60;
    /* Neon Lime */
    --color-primary-dark: #C0E040;

    --color-secondary: #1A1A1A;
    /* Deep Black */
    --color-secondary-light: #2A2A2A;

    --color-accent: #e9eeea;
    /* White Accent */

    /* Cores de Texto */
    --text-main: #1A1A1A;
    --text-muted: #888888;
    --text-light: #FFFFFF;
    --text-on-dark: #CCCCCC;

    /* Backgrounds */
    --bg-page: #F3F4F6;
    /* Off-white page bg */
    --bg-sidebar: #1A1A1A;
    --bg-card: #e9eeea;

    /* Bordas e Arredondamentos (Super Rounded) */
    --radius-xl: 30px;
    /* Sidebar, Large Containers */
    --radius-lg: 24px;
    /* Widgets, Cards */
    --radius-md: 16px;
    /* Buttons, Small Cards */
    --radius-sm: 10px;
    /* Chart Bars */
    --radius-pill: 50px;
    /* Buttons, Tags */

    /* Sombras e Efeitos */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-neon: 0 0 15px rgba(224, 255, 96, 0.4);

    /* Tipografia */
    --font-family-main: 'Inter', sans-serif;
    --font-family-display: 'Inter', sans-serif;
    /* Bento style uses clean sans everywhere */

    --font-size-h1: 32px;
    --font-size-h2: 24px;
    --font-size-h3: 18px;
    --font-size-body: 14px;
    --font-size-small: 12px;

    /* Transition */
    --transition-default: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}