:root {
    color-scheme: light;

    /* Page / Layout */
    --color-page-bg:               light-dark(#e8e9ea, #141a21);
    --color-surface:               light-dark(#ffffff, #1e2730);
    --color-surface-raised:        light-dark(#f6f7f9, #242d37);
    --color-surface-sunken:        light-dark(#eeeeee, #111820);
    --color-surface-hover:         light-dark(#e6e6e6, #2c3640);

    /* Text */
    --color-text-primary:          light-dark(#333333, #d4dae0);
    --color-text-secondary:        light-dark(#555555, #9aaab8);
    --color-text-muted:            light-dark(#999999, #6b7e8f);

    /* Borders */
    --color-border:                light-dark(#dddddd, #3a4450);
    --color-border-strong:         light-dark(#cccccc, #4a5560);
    --color-divider:               light-dark(#e5e5e5, #2d3740);

    /* Brand / Primary */
    --color-primary:               light-dark(#1a222a, #2a3c50);
    --color-primary-hover:         light-dark(#06080a, #1a2a3a);
    --color-primary-active:        light-dark(#000000, #101e2c);

    /* Success */
    --color-success:               light-dark(#41b751, #48c75a);
    --color-success-hover:         light-dark(#349140, #389948);
    --color-success-bg:            light-dark(#f4fbf5, #1a2e1c);
    --color-success-bg-hover:      light-dark(#cfedd3, #223826);
    --color-success-bg-deep:       light-dark(#e1f4e4, #1e3320);

    /* Info */
    --color-info:                  light-dark(#58b2de, #5ab5e0);
    --color-info-hover:            light-dark(#2d9ed6, #279ad3);
    --color-info-bg:               light-dark(#f5fafd, #192430);
    --color-info-bg-hover:         light-dark(#cbe5f5, #1e3040);
    --color-info-bg-deep:          light-dark(#e0eff9, #1c2d3c);

    /* Danger / Warning */
    --color-danger:                light-dark(#d82a2a, #e05555);
    --color-danger-hover:          light-dark(#af2020, #c04040);
    --color-danger-active:         light-dark(#911b1b, #a03535);
    --color-danger-text:           light-dark(#ce0c0c, #f07070);
    --color-danger-bg:             light-dark(#fdf2f3, #2e1818);
    --color-danger-bg-hover:       light-dark(#fadcdf, #3c1f1f);
    --color-danger-bg-deep:        light-dark(#f6c6ca, #4a2020);

    /* Links */
    --color-link:                  light-dark(#0855b4, #6aa3e8);
    --color-link-hover:            light-dark(#05326b, #4a87d0);

    /* Navbar */
    --color-navbar-bg:             light-dark(#2d353d, #23292f);
    --color-navbar-hover-bg:       light-dark(#2d353d, #23292f);
    --color-navbar-text:           light-dark(#c5cad0, #a8b4c0);
    --color-navbar-border:         light-dark(#dadbde, #383a3b);
    --color-navbar-hover-text:     white;
    --color-navbar-active-bg:      light-dark(#0855b4, #1a4e8a);
    --color-top-navbar-bg:         light-dark(#f0f1f2, #111820);
    --color-top-navbar-link:       light-dark(#1a222a, #c5cad0);
    --color-top-navbar-hover-link: var(--color-top-navbar-link);

    /* Sidebar */
    --color-sidebar-bg:            light-dark(#1a222a, #0e151c);
    --color-sidebar-top-bg:        light-dark(#2d353d, #141c24);
    --color-sidebar-text:          light-dark(#c5cad0, #a0adb8);

    /* Panel headings */
    --color-panel-heading-bg:      light-dark(#163768, #0d2248);
    --color-panel-heading-fg:      light-dark(#ffffff, #e8edf2);

    /* Inputs / Forms */
    --color-input-bg:              light-dark(#ffffff, #1e2730);
    --color-input-bg-disabled:     light-dark(#eeeeee, #161d24);
    --color-input-text:            light-dark(#555555, #c0c8d0);
    --color-input-border:          light-dark(#cccccc, #3d4f60);

    /* Tables */
    --color-table-border:          light-dark(#dddddd, #2e3a46);
    --color-table-stripe:          light-dark(#f6f6f7, #1d252f);
    --color-table-hover:           light-dark(#f0f6fe, #1e2c3c);
    --color-table-nested-bg:       light-dark(#e8e9ea, #1a2028);

    /* Modals / Dropdowns */
    --color-modal-bg:              light-dark(#ffffff, #1e2730);
    --color-dropdown-bg:           light-dark(#ffffff, #222c36);
    --color-dropdown-divider:      light-dark(#e5e5e5, #2e3a46);
    --color-dropdown-hover-bg:     light-dark(#f6f7f9, #2c3844);
    --color-dropdown-active-bg:    light-dark(#1a222a, #1e3d5e);

    /* Code / Pre */
    --color-code-text:             light-dark(#c7254e, #e07090);
    --color-code-bg:               light-dark(#f9f2f4, #2a1a20);
    --color-pre-bg:                light-dark(#f6f7f9, #1a2028);
    --color-kbd-bg:                light-dark(#333333, #1e2730);

    /* Alerts */
    --color-alert-warning-bg:      light-dark(#fff3cd, #2e2510);
    --color-alert-warning-text:    light-dark(#863805, #f8863a);

    /* CE+ severity / lifecycle pill tokens
       Used by .indicator-severity-* / .indicator-ce-* / .indicator-finding-*
       in abriska.custom.css. Medium and false-positive don't map cleanly to
       the existing alert/info/danger families, so they get their own tokens. */
    --color-severity-medium-bg:    light-dark(#fef3c7, #3a2c10);
    --color-severity-medium-text:  light-dark(#92400e, #f0b96a);
    --color-severity-fp-bg:        light-dark(#ede9fe, #2a1f4a);
    --color-severity-fp-text:      light-dark(#5b21b6, #c5a5f0);

    /* Short-form severity / lifecycle text colours used by the CE+ SPA
       inline (e.g. style="color:var(--critical)" on count cells). The
       SPA progressively migrates to .text-severity-* / .text-finding-*
       utility classes (see abriska.custom.css) — these aliases keep
       remaining inline references rendering correctly in the meantime. */
    --critical: var(--color-danger);
    --high:     var(--color-alert-warning-text);
    --medium:   var(--color-severity-medium-text);
    --low:      var(--color-success);
    --info:     var(--color-info);
    --open:     var(--color-info);
    --closed:   var(--color-text-muted);
    --fp:       var(--color-severity-fp-text);
    --muted:    var(--color-text-muted);
    --text:     var(--color-text-primary);
    --accent:   var(--color-link);
    --border:   var(--color-border);
    --bg-alt:   var(--color-surface-raised);
    --surface-alt: var(--color-surface-raised);

    /* Buttons */
    --color-submit-bg: light-dark(#FFBF00, #cc9900);
    --color-submit-text: #333;
    --color-submit-hover-bg: light-dark(#FB6107, #d24d00);
    --color-submit-hover-text: #FFF;
    --color-check-bg: light-dark(#393, #127f28);
    --color-check-text: #FFF;
    --color-check-hover-bg: light-dark(#036016, #70c270);
    --color-check-hover-text: #FFF;
    --color-return-bg: light-dark(#800080, #430b67);
    --color-return-text: #FFF;
    --color-return-hover-bg: light-dark(#2F004F, #ac13ac);
    --color-return-hover-text: #FFF;

    /* Workflow */
    --color-workflow-bg: #9FC2BE;
    --color-workflow-text: #000;
    --color-workflow-active-bg: #005d52;
    --color-workflow-active-text: #FFFFFF;

    /* Misc */
    --color-well-bg:               light-dark(#f5f5f5, #1a2028);
    --color-popover-bg:            light-dark(#ffffff, #222c36);
    --color-popover-title-bg:      light-dark(#f7f7f7, #1c2530);
    --color-tooltip-bg:            light-dark(#000000, #080808);
    --color-fieldset-bg:           light-dark(#ededed, #1a2028);
    --color-fieldset-text:         var(--color-text-primary);
    --color-toolbar-bg:            light-dark(#cccccc, #242d37);
    --color-filter-bg:             light-dark(#f0f1f2, #1a2028);
    --color-legend-border:         light-dark(#e5e5e5, #2e3a46);
    --color-sticky-head-bg:        light-dark(#ffffff, #1e2730);
    --color-openSidebar-bg:        light-dark(#333333, #1a2028);
    --color-openSidebar-hover-bg:  light-dark(#163768, #0d2248);
    --color-overlay-bg:            light-dark(#ffffff, #1e2730);
    --color-page-header-border:    light-dark(#dadbde, #2e3a46);
}