:root {
    /* Text colors */
    --color-text-primary: #08213A;
    --color-text-secondary: #7A8087;
    --color-text-tertiary: #B3B9C0;
    --color-text-inverse: #FFFFFF;
    --color-text-dark: #0F1113;
    --color-text-light: #636A72;
    --color-text-warning: #E08625;
    --color-text-error: #DE2409;
    --color-text-success: #083B66;
    /* Backgrounds */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F6F8F9;
    --color-bg-tertiary: #EBECEE;
    --color-surface: #C9CED3;
    --color-rating: #FFCC00;
    --color-error: #DE2409;
    --color-success: #083B66;
    --color-info: #E5ECF1;
    --color-recommended: #DFEFFF;
    /* Accent/action */
    --color-accent: #083B66;
    --color-accent-hover: #034E89;
    /* Button */
    --color-btn-bg: #083B66;
    --color-btn-bg-hover: #034E89;
    --color-btn-text: #FFFFFF;
    --color-btn-bg-alt: #08213A;
    --color-btn-bg-alt-hover: #000D1A;
    --color-btn-bg-disabled: #C9CED3;
    /* Borders/lines */
    --color-border: #636A72;
    --color-border-lightest: #EBECEE;
    --color-border-lighter: #B3B9C0;
    --color-border-light: #7A8087;
    --color-border-medium: #79797C;
}