:root {
    /* Legacy colors (to be refactored) */
    --accent: red;
    --primary: red;
    /* Color System */
    --color-primary-dark-blue: #00375B;
    --color-primary-light-blue: #00B2F5;
    --color-base-black: #0A090B;
    --color-base-white: #FFF;
    --color-base-background: #F0F8FF;
    --color-black-100: #E7E7E7;
    --color-popover-icon: #495057;
    --color-mv-favorite: #F1D70F;
    --color-mv-modified: #23960B;
    --color-mv-remove: #E7481D;
    --color-search-highlight: #ffff00;
    --color-search-highlight-current: #90EE90;

    /* Layout & Spacing */
    --spacing-padding-xs: 8px;
    --spacing-padding-sm: 10px;
    --spacing-padding-md: 12px;
    --spacing-padding-lg: 16px;
    --spacing-field-height-dense: 40px;
    /* Border */
    --border-radius-default: 4px;
    /* The keyboard focus ring of a module's treegrid cell, two-coloured (WCAG C40) to show on any cell background: a white line on the cell's edge, then the primary colour keeping 3:1 against it, then a soft halo, both outside the cell so its content stays uncovered */
    --grid-focus-color: var(--pl-semantic-primary-color-primary, #0070B5);
    --grid-focus-separator: var(--pl-color-white, #FFFFFF);
    --grid-focus-halo: color-mix(in srgb, var(--color-primary-light-blue) 22%, transparent);
    --grid-focus-ring: inset 0 0 0 1px var(--grid-focus-separator), 0 0 0 2px var(--grid-focus-color), 0 0 0 4px var(--grid-focus-halo);
    --grid-focus-radius: var(--border-radius-default);
    /* A focused row: a light tint over its cells and a primary-coloured rail on its top and bottom edge */
    --grid-focus-tint: color-mix(in srgb, var(--grid-focus-color) 9%, transparent);
    --grid-focus-rail-width: 2px;
    /* On a side where the row continues in another window, its tint and rails reach on to the window's edge, which clips them there: the rails fade over the part's outermost field to a lighter strength, kept up to that edge */
    --grid-focus-fade: 28px;
    --grid-focus-reach: 100vw;
    --grid-focus-continued-strength: 45%;
    --grid-focus-continued: rgb(0 0 0 / var(--grid-focus-continued-strength));
    /* Typography */
    --font-size-body: 16px;
    --font-line-height-caption: 19.02px;
    --font-line-height-input: 19px;
    --font-letter-spacing-caption: 0.4px;
    /* Animation */
    --animation-duration-form: 0.5s;
    --animation-delay-form: 3.5s;
    /* Theme Colors */
    --color-theme-lines-inputs: #BDBDBD;
    --color-theme-white: #FFF;
    --color-theme-gray-default: #9E9E9E;
}