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

/* Fonts */
@font-face {
  font-family: 'TestdTenantSecondary';
  src: url('/font/Impact/impact.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Tenant-specific tokens */
:root[data-tenant='testd.sellkit.ru'] {
  --color-accent: 228 2 44;
  --color-icon-bg: 228 2 44 / 0.1;
  --color-bg-dark: 255 255 255;
  --color-bg-main: 255 255 255;
  --color-cart-bg: 243 244 248;
  --color-accent-2: 38 38 38;
  --color-ad-app-bg: 38 38 38;
  --color-primary: 38 38 38;
  --color-success: 95 157 85;
  --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: 228 2 44;
  --color-ad-app-text: 255 255 255;
  --color-bg-map-tabs: 228 2 44;
  --color-counter-bg: 243 244 248;
  --color-secondary: 147 147 147;
  --color-tooltip-bg: 73 90 116;
  --color-additional: 228 2 44;
  --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: 'TestdTenantSecondary', 'Impact', 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-footer: 239px;
  --width-logo-header: 120px;
  --width-logo-sidebar: 110px;
  --width-logo-header-fixed: 110px;
  --width-logo-footer-mobile: 239px;
  --width-logo-header-mobile: 120px;
  /* logo height */
  --height-logo-footer: 98px;
  --height-logo-header: 49px;
  --height-logo-sidebar: 45px;
  --height-logo-header-fixed: 45px;
  --height-logo-footer-mobile: 98px;
  --height-logo-header-mobile: 49px;
  /* 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='testd.sellkit.ru'] body {
  background-color: rgb(var(--color-bg-layout));
}