@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* Tenant-specific tokens */
:root[data-tenant="mitchellgrill.ru"] {
    --color-accent: 255 157 0;
    --color-accent-2: 255 157 0;
    --color-ad-app-bg: 255 157 0;
    --color-bg-map-tabs: 255 157 0;
    --color-gradient: 255 157 0;
    --color-ad-app-text: 255 255 255;
    --color-button-text: 255 255 255;
    /* theme */
    --color-bg-layout: 25 25 25;
    --color-bg-header: 25 25 25;
    --color-bg-main: 25 25 25;
    --color-bg-product-card: 25 25 25;
    --color-bg-header-mobile: 25 25 25;
    --color-bg-secondary: 38 38 38;
    --color-bg-tetriary: 57 57 57;
    --color-bg-dark: 16 16 16;
    --color-cart-bg: 16 16 16;
    --color-bg-footer: 16 16 16;
    --color-counter-bg: 57 57 57;
    --color-primary: 255 255 255;
    --color-reverse-text: 38 38 38;
    --color-bg-recommendation-card: 25 25 25;
    /* additions */
    --color-success: 95 157 85;
    --color-disabled: 242 242 242;
    --color-secondary: 147 147 147;
    --color-tooltip-bg: 73 90 116;
    --color-additional: 228 2 44;
    --color-gray-border: 231 230 236;
    --color-destructive: 161 30 30;
    --color-gray-element: 210 208 219;

    /* fonts */
    --font-primary: "Inter", sans-serif;
    --font-secondary: "Inter", sans-serif;
    /* radius */
    --radius-none: 0;
    --radius-sm: 0.125rem;
    --radius-default: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 22px;
    --radius-full: 9999px;
    --radius-product-card-image: 16px;
    --radius-banner: 22px;
    /* flex basis */
    --flex-large-banner: 50%;
    --flex-square-banner: 25%;
    /* cards amount */
    --grid-product-cards-max: repeat(4, minmax(0, 1fr));
    /* gaps */
    --gap-category: 20px;
    --gap-product-cards: 28px;
    /* logo width */
    --width-logo-header: 76px;
    --width-logo-header-mobile: 76px;
    --width-logo-footer: 109px;
    --width-logo-footer-mobile: 109px;
    --width-logo-sidebar: 107px;
    --width-logo-header-fixed: 97px;
    /* logo height */
    --height-logo-header: 100px;
    --height-logo-header-mobile: 100px;
    --height-logo-footer: 144px;
    --height-logo-footer-mobile: 144px;
    --height-logo-sidebar: 58px;
    --height-logo-header-fixed: 52px;
    /* aspect */
    --aspect-product-card: 1/1;
    --aspect-large-banner: 730/380;
    --aspect-square-banner: 253/325;
    --aspect-popular-category: 240/176;
    --aspect-promotion-card: 415/300;
    --aspect-desktop-big-image: 1920/780;
    --aspect-mobile-big-image: 1920/780;
}

[data-tenant="mitchellgrill.ru"] body {
    background-color: rgb(var(--color-bg-layout));
}