: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;
    /* 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;
}