@font-face {
  font-family: 'Milena';
  src: url("/assets/MilenaKats-Regular-83ebc804.otf") format('opentype');
  font-display: swap;
	font-weight: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/assets/Montserrat-Medium-9165cc0f.ttf") format('truetype');
  font-display: swap;
	font-weight: normal;
	font-stile: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/assets/Montserrat-Bold-642b9892.ttf") format('truetype');
  font-display: swap;
	font-weight: bold;
	font-stile: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/assets/Montserrat-Italic-90b0522c.ttf") format('truetype');
  font-display: swap;
	font-weight: normal;
	font-stile: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/assets/Montserrat-Light-3064d32e.ttf") format('truetype');
  font-display: swap;
	font-weight: light;
	font-stile: normal;
}

@import "tailwindcss";
@import "swiper/css/bundle";
@import "lightgallery/css/lightgallery.css";
@import "lightgallery/css/lg-thumbnail.css";
@import "lightgallery/css/lg-zoom.css";

@theme {
  --font-milenakats: 'Milena', sans-serif;
	--font-body: 'Montserrat', sans-serif;
  --background-image-portfolio-logo: url("/assets/main_page/portfolio_logo-47a04b48.jpg");
	--background-image-courses-logo: url("/assets/main_page/courses_logo-f89d4c7a.jpg");
	--background-image-shop-logo: url("/assets/main_page/shop_logo-c1d9d6ed.jpg");
	--background-image-divider: url("/assets/divider-73f72029.svg");
}

@plugin "daisyui/theme" {
  name: "milena";
  default: true;
  prefersdark: false;
  color-scheme: "light";
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(98% 0 0);
  --color-base-300: oklch(95% 0 0);
  --color-base-content: oklch(21% 0.006 285.885);
  --color-primary: #6B3498;
  --color-primary-content: oklch(93% 0.034 272.788);
  --color-secondary: #FFD6FF;
  --color-secondary-content: oklch(80% 0.114 19.571);
  --color-accent: #FF894F;
  --color-accent-content: oklch(43% 0.232 292.759);
  --color-neutral: oklch(98% 0.001 106.423);
  --color-neutral-content: oklch(70% 0.015 286.067);
  --color-info: #C397FA;
  --color-info-content: oklch(38% 0.176 304.987);
  --color-success: #69D69C;
  --color-success-content: oklch(44% 0.119 151.328);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: #FF6651;
  --color-error-content: oklch(40% 0.153 2.432);
  --radius-selector: 2rem;
  --radius-field: 0.5rem;
  --radius-box: 1rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

@plugin "daisyui" {
  themes: milena --default;
  root: ":root";
  logs: true;
}


@layer utilities {
	.bg-divider { background-image: var(--background-image-divider); }
}


.card.image-full > figure img {
    object-fit: cover;
    filter: brightness(100%);
    height: 100%;
}

.card:hover > figure img {
  filter: blur(2px) brightness(70%); /* Добавляет блюр при наведении */
}

.card:active > figure img {
  filter: blur(4px) brightness(70%); /* Увеличивает блюр при нажатии */
}