:root[data-theme='light'] {
    /* Soft light theme: dimmed page, off-white surfaces (no pure #fff
       glare), softened text black — tuned for long reading comfort. */

    /* General Colors */
    --background-color: #e9ebee;
    /* Dimmed neutral page background */
    --primary-text-color: #374151;
    /* Soft slate text — strong but not harsh */
    --hover-text-color: #1a73e8;
    /* Blue on hover */
    --border-color: #d8dce1;
    /* Hairline borders that still read on the dimmer bg */
    --border-color-hover: #c3c9d1;
    --secondary-text-color: #5b6675;
    /* Muted slate secondary text */

    /* Menu Colors */
    --menu-background-color: #fdfdfe;
    /* Brightest surface — the nav floats above cards and page */
    --menu-hover-background: #eceef1;
    --menu-active-text-color: #1a73e8;
    --active-tab-background: #e3edfb;
    /* Soft blue chip for the active tab */

    /* Tab Pane Colors */
    --tab-pane-background: #f2f3f5;
    --tab-pane-border: #d8dce1;

    /* Table Colors */
    --table-background: #f2f3f5;
    --table-header-background: #eaedf0;
    --table-hover-background: #e8eaee;

    /* Button Colors */
    --button-background: #e8eaee;
    --button-hover-background: #dde1e6;
    --button-positive-backgroud: #16a34a;
    --button-positive-backgroud-hover: #15803d;

    /* Input Colors */
    --input-background: #fbfcfd;
    --input-border: #c9cfd7;
    --input-focus-border: #1a73e8;

    /* Dropdown Colors */
    --dropdown-background: #f9fafb;
    --dropdown-menu-background: #f9fafb;
    --dropdown-hover-background: #eceef1;
    --dropdown-item-hover-text-color: #1a73e8;

    /* Modal Colors */
    --modal-background: #f2f3f5;
    --modal-header-background: #eaedf0;
    --modal-content-background: #f2f3f5;
    --modal-actions-border: #d8dce1;

    /* Form Colors */
    --form-background: transparent;
    --form-input-background: #fbfcfd;

    /* Checkbox Colors */
    --checkbox-checked-background: #1a73e8;

    /* Segment Colors */
    --segment-background: #f2f3f5;

    /* Statistic Colors */
    --stat-background: #f2f3f5;
    --stat-text: #374151;
    --stat-green: #16a34a;
    /* Green tuned for light backgrounds */
    --stat-pink: #db2777;
    --stat-blue: #1a73e8;

    /* Sidebar Colors */
    --sidebar-background: #f2f3f5;

    /* Message Colors */
    --info-message-background: #e3edfb;
    --info-message-text-color: #1a73e8;

    /* Success Message Color */
    --success-message-text-color: #16a34a;

    /* Effort Colors */
    --effort-high-color: #d97706;
    /* Amber readable on light */
    --effort-critical-color: #dc2626;
    /* True red */

    --statistic-label-color: #5b6675;
    --stat-label-color: #5b6675;
    --pending-row-background: rgba(26, 115, 232, 0.08);
    /* Blue tint for pending/attention rows */
    --negative-row-background: rgba(220, 38, 38, 0.06);
    /* Faint red tint for orphan/offline rows */
    --custom-stat-bg: #f2f3f5;
    --stat-value-color: #374151;

    /* Card elevation */
    --card-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    --card-shadow-hover: 0 2px 6px rgba(15, 23, 42, 0.09);

    /* Chart Colors */
    --chart-background: #f2f3f5;
    --chart-text-color: #64748b;
    --chart-subtitle-color: #374151;
    --chart-gridline-color: #dfe3e8;
    --chart-axis-line-color: #dfe3e8;
    --chart-line-color: #1a73e8;
    --chart-area-fill-start: rgba(26, 115, 232, 0.25);
    --chart-area-fill-end: rgba(26, 115, 232, 0.02);
    --chart-tooltip-background: #f2f3f5;
    --chart-tooltip-border: #d8dce1;
}