:root {
    --edc-base: #1f2937;
    --edc-title: #1f2937;
    --edc-subtitle: #4c566a;
    --edc-highlight: #2563eb;
    --edc-placeholder: #4c566a;
    --edc-logs-background: #1e1e1e;

    --edc-link: #3b82f6;
    --edc-link-hover: #333333;

    --edc-button: #f8fafc;
    --edc-button-bg: #000000;
    --edc-button-border: #000000;

    --edc-background: #f8fafc;
    --edc-foreground: #fefefe;
    --edc-navbar-background: #F5F5F5;
    --edc-accent: #000000;
    --edc-accent-content: #fff;

    --edc-border: #e2e8f0;
    --edc-ok: #22c55e;
    --edc-info: #2563eb;
    --edc-warning: #fde047;
    --edc-danger: #ef4444;

    .gauge-value-number, .gauge-value-symbol {
        fill: var(--edc-base);
    }
}

.dark {
    --edc-base: #e2e8f0;
    --edc-title: #fefefe;
    --edc-subtitle: #e2e8f0;
    --edc-placeholder: #e2e8f0;

    --edc-background: #000000;
    --edc-foreground: #1f2937;
    --edc-navbar-background: #1f2937;

    --edc-border: #434c5e;
}