:root {
    --cart-color-primary:  #D50A00;
    --cart-color-secondary:  #F8DC25;
    --cart-color-third:  #820600;
    --cart-color-success: #509e2f;
    --cart-color-text: #111827;
    --cart-color-muted: #667085;
    --cart-color-muted-strong: #475467;
    --cart-color-surface: #fff;
    --cart-color-background: #f4f5f5;
    --cart-color-border: #e5e7eb;
    --cart-color-border-strong: #d9dee8;
    --cart-color-warning: #f97316;

    --cart-primary-rgb: 237, 0, 22;
    --cart-success-rgb: 80, 158, 47;
    --cart-text-rgb: 17, 24, 39;
    --cart-muted-rgb: 102, 112, 133;
    --cart-surface-rgb: 255, 255, 255;
    --cart-warning-rgb: 249, 115, 22;

    --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);
}