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

/* Tenant-specific tokens */
:root[data-tenant="qr.amidcakes.tj"] {
    --color-accent: 72 163 23;
    --color-icon-bg: 72 163 23 / 0.1;
    --color-bg-dark: 255 255 255;
    --color-bg-main: 255 255 255;
    --color-cart-bg: 243 244 248;
    --color-accent-2: 72 163 23;
    --color-ad-app-bg: 72 163 23;
    --color-primary: 38 38 38;
    --color-success: 38 38 38;
    --color-bg-footer: 255 255 255;
    --color-bg-header: 255 255 255;
    --color-bg-layout: 255 255 255;
    --color-disabled: 242 242 242;
    --color-gradient: 72 163 23;
    --color-ad-app-text: 255 255 255;
    --color-bg-map-tabs: 72 163 23;
    --color-counter-bg: 243 244 248;
    --color-secondary: 147 147 147;
    --color-tooltip-bg: 73 90 116;
    --color-additional: 72 163 23;
    --color-bg-tetriary: 255 255 255;
    --color-button-text: 255 255 255;
    --color-gray-border: 231 230 236;
    --color-bg-secondary: 255 255 255;
    --color-destructive: 161 30 30;
    --color-gray-element: 210 208 219;
    --color-reverse-text: 38 38 38;
    --color-bg-product-card: 255 255 255;
    --color-bg-header-mobile: 255 255 255;
    --color-bg-recommendation-card: 255 255 255;
    /* 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: 12px;
    --radius-3xl: 12px;
    --radius-full: 12px;
    --radius-product-card-image: 12px;
    --radius-banner: 12px;
    /* 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: 124px;
    --width-logo-header-mobile: 124px;
    --width-logo-footer: 165px;
    --width-logo-footer-mobile: 165px;
    --width-logo-sidebar: 93px;
    --width-logo-header-fixed: 93px;
    /* logo height */
    --width-logo-header: 184px;
    --width-logo-header-mobile: 122px;
    --width-logo-footer: 169px;
    --width-logo-footer-mobile: 187px;
    --width-logo-sidebar: 85px;
    --width-logo-header-fixed: 75px;
    /* logo height */
    --height-logo-header: 110px;
    --height-logo-header-mobile: 73px;
    --height-logo-footer: 101px;
    --height-logo-footer-mobile: 112px;
    --height-logo-sidebar: 50px;
    --height-logo-header-fixed: 44px;
}

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