:root {
    /* Backgrounds */
    --bg-page: #f8f9fa;
    --bg-card: #ffffff;
    --bg-muted: #f1f3f5;
    --bg-input: #ffffff;

    /* Text */
    --text-title: #0b1e3b; /* Deep Navy */
    --text-body: #343a40;
    --text-muted: #6c757d;
    --text-inverse: #ffffff;

    /* Brand Colors */
    --brand-primary: #14d28a; /* Ember Green */
    --brand-secondary: #0b1e3b; /* Deep Navy - used for headers */
    --brand-accent: #333333; /* Dark Grey for interactions */

    /* Chart/Power Colors */
    --renew-primary: #14d28a;
    --renew-secondary: #0c9e66;
    --fossil-primary: #333333;
    --fossil-secondary: #555555;
    
    /* Functional */
    --border-default: #dee2e6;
    --border-strong: #ced4da;
    --focus-ring: 0 0 0 3px rgba(20, 210, 138, 0.25);

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
    
    /* Radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;
}