:root {

    /* GLOBAL SHOP COLORS */
    --site-bg: #ffffff;
    --page-bg: #ffffff;

    --card-bg: #0f0f10;
    --card-bg-hover: #171717;

    --soft-bg: #f6f6f7;
    --soft-bg-2: #eeeeef;

    --primary: #ff2b2b;
    --primary-hover: #ff4545;
    --primary-dark: #990000;

    --text-main: #111111;
    --text-secondary: #555555;
    --text-muted: #777777;

    --text-on-dark: #ffffff;
    --text-on-dark-secondary: rgba(255,255,255,0.68);

    --border-color: rgba(0,0,0,0.10);
    --border-color-dark: rgba(255,255,255,0.10);

    /* SHADOWS */
    --shadow-primary: 0 14px 35px rgba(255, 0, 0, 0.18);
    --shadow-card: 0 18px 45px rgba(0,0,0,0.10);
    --shadow-soft: 0 10px 30px rgba(0,0,0,0.08);

    /* RADIUS */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;

    /* TRANSITIONS */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;

    /* CONTAINER */
    --container-width: 1400px;
}