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

/* Tenant-specific tokens */
:root[data-tenant="krab-grusha.ru"] {
    --color-accent: 106 167 45;
    --color-icon-bg: 106 167 45 / 0.1;
    --color-accent-2: 106 167 45;
    --color-ad-app-bg: 106 167 45;
    --color-bg-map-tabs: 106 167 45;
    --color-gradient: 106 167 45;
    --color-ad-app-text: 255 255 255;
    --color-button-text: 255 255 255;
    /* theme */
    --color-bg-layout: 255 255 255;
    --color-bg-header: 255 255 255;
    --color-bg-main: 255 255 255;
    --color-bg-product-card: 255 255 255;
    --color-bg-header-mobile: 255 255 255;
    --color-bg-secondary: 255 255 255;
    --color-bg-tetriary: 255 255 255;
    --color-bg-dark: 255 255 255;
    --color-cart-bg: 241 242 246;
    --color-bg-footer: 255 255 255;
    --color-counter-bg: 241 242 246;
    --color-primary: 26 26 26;
    --color-reverse-text: 38 38 38;
    --color-bg-recommendation-card: 255 255 255;
    /* 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;

    /* logo width */
    --width-logo-header: 136px;
    --width-logo-header-mobile: 136px;
    --width-logo-footer: 196px;
    --width-logo-footer-mobile: 196px;
    --width-logo-sidebar: 156px;
    --width-logo-header-fixed: 196px;
    /* logo height */
    --height-logo-header: 69px;
    --height-logo-header-mobile: 69px;
    --height-logo-footer: 48px;
    --height-logo-footer-mobile: 48px;
    --height-logo-sidebar: 38px;
    --height-logo-header-fixed: 48px;

    /* 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;

    /* 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%;
    /* gaps */
    --gap-category: 20px;
    --gap-product-cards: 28px;
    /* cards amount */
    --grid-product-cards-max: repeat(4, minmax(0, 1fr));
}

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