/**
 * Design System: Ден на полето (Field-to-Future Style)
 * Unique Suffix: 630aa308
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap');

:root {
  /* Color Palette */
  --dp-color-deep-agri-630aa308: #102B21;
  --dp-color-forest-green-630aa308: #173C2D;
  --dp-color-harvest-gold-630aa308: #D9BD68;
  --dp-color-harvest-gold-hover-630aa308: #C5A955;
  --dp-color-warm-white-630aa308: #F7F4EC;
  --dp-color-charcoal-630aa308: #18221D;
  --dp-color-muted-text-630aa308: rgba(24, 34, 29, 0.7);
  --dp-color-border-light-630aa308: rgba(23, 60, 45, 0.15);
  
  /* Typography Variables */
  --dp-font-primary-630aa308: 'Plus Jakarta Sans', sans-serif;
  --dp-font-serif-630aa308: 'Playfair Display', Georgia, serif;
  
  /* Spacing Tokens */
  --dp-space-xs-630aa308: 0.5rem;   /* 8px */
  --dp-space-sm-630aa308: 1rem;     /* 16px */
  --dp-space-md-630aa308: 1.5rem;   /* 24px */
  --dp-space-lg-630aa308: 2.5rem;   /* 40px */
  --dp-space-xl-630aa308: 4.5rem;   /* 72px */
  --dp-space-xxl-630aa308: 7rem;    /* 112px */
  
  /* Border Radii */
  --dp-radius-sm-630aa308: 12px;
  --dp-radius-md-630aa308: 18px;
  --dp-radius-lg-630aa308: 28px;
  
  /* Shadows & Transitions */
  --dp-shadow-soft-630aa308: 0 10px 30px -10px rgba(16, 43, 33, 0.08);
  --dp-shadow-medium-630aa308: 0 16px 40px -12px rgba(16, 43, 33, 0.14);
  --dp-transition-smooth-630aa308: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* ==========================================
   Design System Utility & Reusable Classes
   ========================================== */

/* Dark Hero Container */
.dp-dark-hero-630aa308 {
  background-color: var(--dp-color-deep-agri-630aa308);
  color: var(--dp-color-warm-white-630aa308);
  padding: var(--dp-space-xl-630aa308) var(--dp-space-md-630aa308);
  border-radius: var(--dp-radius-lg-630aa308);
  position: relative;
  overflow: hidden;
  box-shadow: var(--dp-shadow-medium-630aa308);
}

/* Section Kicker */
.dp-section-kicker-630aa308 {
  font-family: var(--dp-font-primary-630aa308);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--dp-color-harvest-gold-630aa308);
  margin-bottom: var(--dp-space-sm-630aa308);
  display: inline-block;
}

/* Large Editorial Heading */
.dp-editorial-heading-630aa308 {
  font-family: var(--dp-font-serif-630aa308);
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
  margin-bottom: var(--dp-space-md-630aa308);
  letter-spacing: -0.01em;
}

/* Primary Gold CTA Button */
.dp-btn-gold-630aa308 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dp-color-harvest-gold-630aa308);
  color: var(--dp-color-deep-agri-630aa308);
  font-family: var(--dp-font-primary-630aa308);
  font-weight: 600;
  font-size: 1rem;
  padding: 1rem 2.25rem;
  border-radius: var(--dp-radius-sm-630aa308);
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: var(--dp-transition-smooth-630aa308);
}
.dp-btn-gold-630aa308:hover {
  background-color: var(--dp-color-harvest-gold-hover-630aa308);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(217, 189, 104, 0.25);
}

/* Secondary Outline CTA Button */
.dp-btn-outline-630aa308 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--dp-color-warm-white-630aa308);
  font-family: var(--dp-font-primary-630aa308);
  font-weight: 600;
  font-size: 1rem;
  padding: 0.9rem 2.20rem;
  border-radius: var(--dp-radius-sm-630aa308);
  border: 2px solid rgba(247, 244, 236, 0.3);
  text-decoration: none;
  cursor: pointer;
  transition: var(--dp-transition-smooth-630aa308);
}
.dp-btn-outline-630aa308:hover {
  border-color: var(--dp-color-warm-white-630aa308);
  background-color: rgba(247, 244, 236, 0.05);
  transform: translateY(-2px);
}

/* Logo-Wall Cards */
.dp-logo-card-630aa308 {
  background-color: var(--dp-color-warm-white-630aa308);
  border: 1px solid var(--dp-color-border-light-630aa308);
  border-radius: var(--dp-radius-sm-630aa308);
  padding: var(--dp-space-md-630aa308);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  transition: var(--dp-transition-smooth-630aa308);
}
.dp-logo-card-630aa308:hover {
  border-color: var(--dp-color-harvest-gold-630aa308);
  box-shadow: var(--dp-shadow-soft-630aa308);
  transform: translateY(-4px);
}

/* Elegant Event Information Cards */
.dp-info-card-630aa308 {
  background-color: #ffffff;
  border-radius: var(--dp-radius-md-630aa308);
  padding: var(--dp-space-md-630aa308) var(--dp-space-md-630aa308) var(--dp-space-lg-630aa308);
  box-shadow: var(--dp-shadow-soft-630aa308);
  border: 1px solid rgba(16, 43, 33, 0.04);
  transition: var(--dp-transition-smooth-630aa308);
}
.dp-info-card-630aa308:hover {
  box-shadow: var(--dp-shadow-medium-630aa308);
  transform: translateY(-6px);
}
.dp-info-card-icon-630aa308 {
  color: var(--dp-color-forest-green-630aa308);
  font-size: 1.5rem;
  margin-bottom: var(--dp-space-sm-630aa308);
}
.dp-info-card-title-630aa308 {
  font-family: var(--dp-font-serif-630aa308);
  font-size: 1.35rem;
  color: var(--dp-color-charcoal-630aa308);
  margin-bottom: var(--dp-space-xs-630aa308);
}
.dp-info-card-body-630aa308 {
  font-family: var(--dp-font-primary-630aa308);
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--dp-color-muted-text-630aa308);
}
