/* Design tokens shared by all pages. */

:root {
    --card-radius: 16px;
    --input-radius: 8px;
    --card-radius-pill: 999px;
    --card-padding: 28px;
    --card-gap: 12px;
    --card-shadow: 0 8px 28px rgba(35, 60, 90, 0.06);
    --card-shadow-soft: 0 4px 18px rgba(35, 60, 90, 0.045);
    --page-bg-agent: #F0F5F9;
    --card-bg-agent: #FEFCFB;
    --panel-bg-agent: #F5FBFF;
    --color-accent-lime: #E0F28F;
    --color-accent-blue: #D1E9FD;
    --color-accent-yellow: #FDF08F;
    --text-color-primary: #1E202A;
    --text-color-secondary: #717378;
    --text-color-muted: #8A8D94;
    --font-size-metric-medium: 42px;
    --font-size-card-title: 20px;
    --font-size-card-value: 42px;
    --font-size-label: 14px;

    --edm-background-header: #181818;
    --edm-background-highlight: #EEF4E6;
    --edm-background-btn-hover: #F2F2F2;
    --edm-background-main-sub: #F9F9F9;
    --edm-background-card: #FFFFFF;

    --edm-text-header-title: #FFFFFF;
    --edm-text-body: #242424;
    --edm-text-subtitle: #595959;
    --edm-text-button: #FFFFFF;

    --edm-accent: #89B157;
    --edm-accent-blue: #167fe5;
    --edm-accent-yellow: #f7e872;
    --edm-outline: #E0E0E0;
    --edm-background-accent: #EEF4E6;
    --edm-background-accent-blue: rgba(22, 140, 255, 0.08);
    --edm-background-accent-yellow: #faf5cb;
    --edm-accent-dark: #3B7D23;
    --edm-accent-blue-dark: #1a528b;
    --edm-accent-yellow-dark: #bb760e;

    --edm-background-button: #89B157;
    --edm-background: #202020;
    --edm-background-dropdown: #3C3C3C;

    --edm-icon-line: #7F7F7F;

    --edm-text-header-main: #FFFFFF;

    --edm-scrollbar: #444444;
    --edm-scrollbar-hover: #555555;
    --edm-alert: #F75270;
    --edm-alert-background: #ffeff2;
    --edm-ess-discharging: #89B157;
    --edm-ess-charging: #167fe5;

}