:root {
    /* --- Cores da marca --- */
    --brand-green-50:  #e8f5e9;
    --brand-green-100: #c8e6c9;
    --brand-green-200: #a5d6a7;
    --brand-green-300: #81c784;
    --brand-green-400: #66bb6a;
    --brand-green-500: #2e7d32;  /* Verde primário */
    --brand-green-600: #1b5e20;
    --brand-green-700: #33691e;
    --brand-green-800: #1a472a;
    --brand-green-900: #0d2818;

    --brand-orange: #e8860c;
    --brand-orange-light: #fff3e0;

    --brand-red: #d32f2f;
    --brand-yellow: #f9a825;

    /* --- Neutros --- */
    --gray-50:  #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #eeeeee;
    --gray-300: #e0e0e0;
    --gray-400: #bdbdbd;
    --gray-500: #9e9e9e;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;

    /* --- Semânticas --- */
    --bg-page:       #f0f4f0;
    --bg-surface:    #ffffff;
    --bg-surface-alt:#f8faf8;
    --text-primary:  #1a1a2e;
    --text-secondary:#5a5a6e;
    --text-muted:    #8a8a9e;
    --border-color:  #e2e8e2;
    --shadow-sm:     0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md:     0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg:     0 10px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
    --shadow-xl:     0 20px 40px rgba(0,0,0,0.1), 0 8px 16px rgba(0,0,0,0.06);

    /* --- Cores de indicador --- */
    --value-max:  var(--brand-orange);
    --value-mid:  var(--gray-500);
    --value-min:  var(--brand-green-500);

    /* --- Tipografia --- */
    --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono:  'JetBrains Mono', 'Fira Code', monospace;

    /* --- Espaçamento --- */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;

    /* --- Bordas --- */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl:1.5rem;
    --radius-full:9999px;

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

/* Dark Mode */
html.dark-mode {
    --bg-page:       #0a0f0a;
    --bg-surface:    #141c14;
    --bg-surface-alt:#1a251a;
    --text-primary:  #e8f0e8;
    --text-secondary:#a0b0a0;
    --text-muted:    #6a7a6a;
    --border-color:  #2a3a2a;
    --shadow-sm:     0 1px 3px rgba(0,0,0,0.3);
    --shadow-md:     0 4px 6px rgba(0,0,0,0.4);
    --shadow-lg:     0 10px 25px rgba(0,0,0,0.5);
    --shadow-xl:     0 20px 40px rgba(0,0,0,0.6);

    --brand-green-500: #4caf50;
    --brand-green-600: #388e3c;
}