:root {
    /* Text colors */
    --color-text-primary: #1F1F1F;
    --color-text-secondary: #727272;
    --color-text-tertiary: #A3A3A3;
    --color-text-inverse: #FFFFFF;
    --color-text-dark: #1F1F1F;
    --color-text-light: #4A4A4A;
    --color-text-warning: #EC881C;
    --color-text-error: #BF403A;
    --color-text-success: #BF403A;
    /* Backgrounds */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F5F5F5;
    --color-bg-tertiary: #E6E6E6;
    --color-surface: #D3D3D3;
    --color-rating: #FFCC00;
    --color-error: #BF403A;
    --color-success: #BF403A;
    --color-info: #E5ECF1;
    --color-recommended: #D1DFE6;
    /* Accent/action */
    --color-accent: #BF403A;
    --color-accent-hover: #892f2b;
    --color-accent-2: #6699CC;
    --color-accent-2-hover: #476EAE;
    /* Button */
    --color-btn-bg: #BF403A;
    --color-btn-bg-hover: #892f2b;
    --color-btn-text: #FFFFFF;
    --color-btn-bg-alt: #1F1F1F;
    --color-btn-bg-alt-hover: #000000;
    --color-btn-bg-disabled: #D3D3D3;
    /* Borders/lines */
    --color-border: #4A4A4A;
    --color-border-lightest: #E6E6E6;
    --color-border-lighter: #A3A3A3;
    --color-border-light: #727272;
    --color-border-medium: #D3D3D3;
}