:root {
    --cart-color-primary: #c9000b;
    --cart-color-success: #2e9b63;
    --color-footer-hover: #700006;
    --cart-color-text: #151515;
    --cart-color-muted: #707070;
    --cart-color-muted-strong: #4a4a4a;
    --cart-color-surface: #ffffff;
    --cart-color-background: #f5f5f5;
    --cart-color-border: #e2e2e2;
    --cart-color-border-strong: #c7c7c7;
    --cart-color-warning: #f5b400;

    --cart-color-black: #000000;
    --cart-color-white: #ffffff;

    --cart-primary-rgb: 201, 0, 11;
    --cart-success-rgb: 46, 155, 99;
    --cart-footer-hover-rgb: 70, 0, 6;
    --cart-text-rgb: 21, 21, 21;
    --cart-muted-rgb: 112, 112, 112;
    --cart-surface-rgb: 255, 255, 255;
    --cart-warning-rgb: 245, 180, 0;

    --cart-shadow-soft: 0 8px 24px rgba(var(--cart-text-rgb), .08);
    --cart-shadow-card: 0 12px 32px rgba(var(--cart-text-rgb), .06);
    --cart-shadow-raised: 0 18px 45px rgba(var(--cart-text-rgb), .16);
}