:root[data-theme="eco-energy"] {
    --palette-primary-50: #f4f9f4;
    --palette-primary-100: #e8f5e9;
    --palette-primary-200: #c8e6c9;
    --palette-primary-300: #a5d6a7;
    --palette-primary-400: #66bb6a;
    --palette-primary-500: #2e7d32;
    --palette-primary-600: #1b5e20;
    --palette-primary-700: #174f1b;
    --palette-primary-800: #123f15;
    --palette-primary-900: #0d2f10;
    --theme-background: #f4f9f4;
    --theme-primary: #2e7d32;
    --theme-primary-hover: #1b5e20;
    --theme-primary-active: #123f15;
    --theme-primary-strong: #1b5e20;
    --theme-primary-soft: #e8f5e9;
    --theme-primary-soft-strong: #c8e6c9;
    --theme-secondary: #66bb6a;
    --theme-secondary-hover: #43a047;
    --theme-secondary-active: #2e7d32;
    --theme-secondary-soft: #f1f8e9;
    --theme-secondary-soft-strong: #dcedc8;
    --theme-accent: #a5d6a7;
    --theme-accent-hover: #66bb6a;
    --theme-accent-active: #2e7d32;
    --theme-accent-soft: #eef7ee;
    --theme-accent-soft-strong: #d7ecd8;
    --theme-text-primary: #263238;
    --theme-text-secondary: #455a64;
    --theme-text-tertiary: #546e7a;
    --theme-text-strong: #263238;
    --theme-text-muted: #607d8b;
    --theme-text-muted-strong: #455a64;
    --theme-text-subtle: #90a4ae;
    --theme-surface-primary: #ffffff;
    --theme-surface-secondary: #f4f9f4;
    --theme-surface-raised: #ffffff;
    --theme-surface-tint: #eef7ee;
    --theme-surface-hover: #edf6ed;
    --theme-surface-muted: #f7fbf7;
    --theme-surface-subtle: #fbfdfb;
    --theme-border-primary: #d9e7da;
    --theme-border-light: #e6eee6;
    --theme-border-muted: #c5d6c7;
    --theme-border-strong: #91b395;
    --theme-success: #2e7d32;
    --theme-success-accent: #66bb6a;
    --theme-success-soft: #e8f5e9;
    --theme-warning: #94620a;
    --theme-warning-accent: #c8a165;
    --theme-warning-soft: #fff6df;
    --theme-danger: #c62828;
    --theme-danger-accent: #ef5350;
    --theme-danger-soft: #ffebee;
    --theme-info: #1565c0;
    --theme-info-hover: #0d47a1;
    --theme-info-active: #0a367c;
    --theme-info-soft: #e3f2fd;
    --theme-info-soft-strong: #bbdefb;
    --theme-info-ring: #90caf9;
    --theme-shadow-xs: 0 1px 3px rgba(38, 50, 56, 0.08);
    --theme-shadow-sm: 0 10px 26px rgba(38, 50, 56, 0.07);
    --theme-shadow-md: 0 18px 42px rgba(46, 125, 50, 0.14);
    --theme-card-radius: 12px;
    --theme-card-bg: #ffffff;
    --theme-card-header-bg: transparent;
    --theme-card-border: #d9e7da;
    --theme-card-shadow: 0 10px 26px rgba(38, 50, 56, 0.07);
    --theme-card-hover-shadow: 0 18px 42px rgba(46, 125, 50, 0.14);
    --theme-button-radius: 10px;
    --theme-button-transform: translateY(-1px);
    --theme-button-primary-bg: #2e7d32;
    --theme-button-primary-hover-bg: #1b5e20;
    --theme-button-primary-border: #2e7d32;
    --theme-button-primary-border-hover: #1b5e20;
    --theme-button-primary-shadow: 0 10px 22px rgba(46, 125, 50, 0.2);
    --theme-button-base-bg: #ffffff;
    --theme-button-base-hover-bg: #eef7ee;
    --theme-input-radius: 10px;
    --theme-input-bg: #ffffff;
    --theme-input-border: #c5d6c7;
    --theme-input-focus-border: #66bb6a;
    --theme-focus-ring-color: rgba(46, 125, 50, 0.18);
    --theme-table-radius: 10px;
    --theme-table-header-bg: #eef7ee;
    --theme-table-row-hover-bg: #f1f8e9;
    --theme-nav-bg: #e6f2e6;
    --theme-nav-bg-raised: rgba(255, 255, 255, 0.8);
    --theme-nav-surface: rgba(255, 255, 255, 0.72);
    --theme-nav-surface-strong: #d7ecd8;
    --theme-nav-border: rgba(46, 125, 50, 0.16);
    --theme-nav-border-strong: rgba(46, 125, 50, 0.34);
    --theme-nav-text: #263238;
    --theme-nav-text-muted: #455a64;
    --theme-nav-text-subtle: #607d8b;
    --theme-nav-stage: #2e7d32;
    --theme-nav-stage-soft: #e8f5e9;
    --theme-nav-active-bar: #2e7d32;
    --theme-sidebar-block-radius: 12px;
    --theme-nav-item-radius: 10px;
    --theme-gradient-hero: linear-gradient(135deg, #1b5e20 0%, #2e7d32 56%, #66bb6a 100%);
    --theme-gradient-hero-surface: #f4f9f4;
    --theme-chart-1: #2e7d32;
    --theme-chart-2: #66bb6a;
    --theme-chart-3: #1565c0;
    --theme-chart-4: #00897b;
    --theme-chart-5: #8d6e63;
    --theme-chart-6: #c8a165;
    --theme-chart-text: #455a64;
    --theme-chart-grid: #dce9dc;
}

html[data-theme="eco-energy"] .vvb-card,
html[data-theme="eco-energy"] .auth-card {
    border-width: 1px;
}

html[data-theme="eco-energy"] .trace-navigation-item.active {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 22px rgba(46, 125, 50, 0.1);
}