:root[data-theme='light'] {
    /* Paper-gray light theme: every surface sits well below white so the
       page never glares — tuned for long reading comfort. */

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

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

    /* Tab Pane Colors */
    --tab-pane-background: #dde1e7;
    --tab-pane-border: #b6bdc7;

    /* Table Colors */
    --table-background: #dde1e7;
    --table-header-background: #d2d7de;
    --table-hover-background: #d0d5dc;

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

    /* Input Colors */
    --input-background: #e4e7ec;
    --input-border: #a8b0bb;
    --input-focus-border: #1a73e8;

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

    /* Modal Colors */
    --modal-background: #dde1e7;
    --modal-header-background: #d2d7de;
    --modal-content-background: #dde1e7;
    --modal-actions-border: #b6bdc7;

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

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

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

    /* Statistic Colors */
    --stat-background: #dde1e7;
    --stat-text: #374151;
    --stat-green: #16a34a;
    /* Green tuned for light backgrounds */
    --stat-pink: #db2777;
    --stat-lime: #7cb305;
    --stat-blue: #1a73e8;
    --stat-violet: #7c3aed;

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

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

    /* Success Message Color */
    --notice-amber-text: #8a5d00;
    --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: #dde1e7;
    --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: #dde1e7;
    --chart-text-color: #64748b;
    --chart-subtitle-color: #374151;
    --chart-gridline-color: #b9c0c9;
    --chart-axis-line-color: #b9c0c9;
    --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: #dde1e7;
    --chart-tooltip-border: #b6bdc7;
}