:root {
    /* Text colors */
    --color-text-primary: #1A1F36;
    --color-text-secondary: #5D6170;
    --color-text-tertiary: #8B92A6;
    --color-text-inverse: #FFFFFF;
    --color-text-dark: #0F1113;
    --color-text-light: #A2AAB8;
    --color-text-warning: #E08625;
    --color-text-error: #DE2409;
    --color-text-success: #1A73E8;
    /* Backgrounds */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F6F7F8;
    --color-bg-tertiary: #E6E8EC;
    --color-surface: #C0C6D0;
    --color-rating: #FFCC00;
    --color-error: #DE2409;
    --color-success: #1A73E8;
    --color-info: #DFEFFF;
    --color-recommended: #DFEFFF;
    /* Accent/action */
    --color-accent: #1A73E8;
    --color-accent-hover: #145CB9;
    /* Button */
    --color-btn-bg: #1A73E8;
    --color-btn-bg-hover: #145CB9;
    --color-btn-text: #FFFFFF;
    --color-btn-bg-alt: #1A1F36;
    --color-btn-hover: #F6F7F8;
    --color-btn-bg-alt-hover: #0F1113;
    --color-btn-bg-disabled: #C0C6D0;
    /* Borders/lines */
    --color-border: #8B92A6;
    --color-border-lightest: #E6E8EC;
    --color-border-lighter: #B3B9C0;
    --color-border-light: #A2AAB8;
    --color-border-medium: #8B92A6;
}