:root {
  --graphite: #292929;
  --gold: #D8D135;
  --gold-dark: #B8B12B;
  --white: #FFFFFF;
  --light-bg: #F7F7F7;
  --text-dark: #1A1A1A;
  --text-gray: #555555;
}

/* ========================================
   LIQUID GLASS (ЖИДКОЕ СТЕКЛО)
   ======================================== */

.glass {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s ease !important;
}

/* Эффект при наведении — усиливается */
.glass:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  box-shadow: 
    0 12px 48px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* Glass с золотым свечением (для акцентов) */
.glass-gold {
  background: rgba(216, 209, 53, 0.08) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(216, 209, 53, 0.3) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  box-shadow: 
    0 8px 32px rgba(216, 209, 53, 0.1),
    inset 0 1px 0 rgba(216, 209, 53, 0.2) !important;
  transition: all 0.4s ease !important;
}

.glass-gold:hover {
  background: rgba(216, 209, 53, 0.15) !important;
  border-color: rgba(216, 209, 53, 0.5) !important;
  box-shadow: 
    0 12px 48px rgba(216, 209, 53, 0.2),
    inset 0 1px 0 rgba(216, 209, 53, 0.3) !important;
  transform: translateY(-2px) !important;
}

/* Glass на темном фоне (для подвала/темных секций) */
.glass-dark {
  background: rgba(41, 41, 41, 0.5) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: all 0.4s ease !important;
}

.glass-dark:hover {
  background: rgba(41, 41, 41, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 
    0 12px 48px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-2px) !important;
}

/* ========================================
   ТЕКСТ ВНУТРИ GLASS (чтобы был читаемым)
   ======================================== */

.glass p, .glass div, .glass span,
.glass-gold p, .glass-gold div, .glass-gold span,
.glass-dark p, .glass-dark div, .glass-dark span {
  color: var(--text-dark) !important;
}

.glass h1, .glass h2, .glass h3,
.glass-gold h1, .glass-gold h2, .glass-gold h3 {
  color: var(--graphite) !important;
}

/* Если Glass стоит на темном фоне — текст делаем белым */
.dark-text .glass p,
.dark-text .glass div,
.dark-text .glass span {
  color: var(--white) !important;
}

.dark-text .glass h1,
.dark-text .glass h2,
.dark-text .glass h3 {
  color: var(--gold) !important;
}

/* ========================================
   ОСТАЛЬНЫЕ СТИЛИ (ТЕКСТ, ССЫЛКИ, КНОПКИ)
   ======================================== */

/* --- Текст на светлом фоне --- */
.light-text p, 
.light-text div,
.light-text span {
  color: var(--text-dark);
  line-height: 1.6;
}

.light-text h1, 
.light-text h2, 
.light-text h3 {
  color: var(--graphite);
  font-weight: 700;
}

.light-text .subtitle {
  color: var(--text-gray);
}

.gold-accent {
  color: var(--gold);
}

/* --- Текст на темном фоне --- */
.dark-text p, 
.dark-text div,
.dark-text span {
  color: var(--white);
  opacity: 0.85;
}

.dark-text h1, 
.dark-text h2, 
.dark-text h3 {
  color: var(--gold);
  font-weight: 700;
  letter-spacing: 0.5px;
}

.dark-text .h-white {
  color: var(--white);
  opacity: 1;
}

/* --- Ссылки на светлом --- */
.light-text a:not(.t-btn) {
  color: var(--graphite);
  text-decoration: none;
  border-bottom: 2px solid var(--gold);
  transition: 0.3s ease;
  font-weight: 500;
}

.light-text a:not(.t-btn):hover {
  color: var(--gold);
  border-bottom-color: var(--gold-dark);
}

/* --- Ссылки на темном --- */
.dark-text a:not(.t-btn) {
  color: var(--white);
  text-decoration: none;
  border-bottom: 2px solid rgba(216, 209, 53, 0.4);
  transition: 0.3s ease;
}

.dark-text a:not(.t-btn):hover {
  color: var(--gold);
  border-bottom-color: var(--gold);
}

/* --- Кнопки --- */
.btn-primary {
  background: var(--graphite) !important;
  color: var(--white) !important;
  border: 2px solid var(--graphite) !important;
  padding: 15px 40px !important;
  font-weight: 600 !important;
  transition: 0.3s ease !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.btn-primary:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--graphite) !important;
}

.btn-outline {
  background: transparent !important;
  color: var(--graphite) !important;
  border: 2px solid var(--graphite) !important;
  padding: 15px 40px !important;
  font-weight: 600 !important;
  transition: 0.3s ease !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.btn-outline:hover {
  background: var(--graphite) !important;
  color: var(--white) !important;
}

.btn-dark-bg {
  background: var(--gold) !important;
  color: var(--graphite) !important;
  border: 2px solid var(--gold) !important;
  padding: 15px 40px !important;
  font-weight: 700 !important;
  transition: 0.3s ease !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.btn-dark-bg:hover {
  background: var(--white) !important;
  border-color: var(--white) !important;
  color: var(--graphite) !important;
}

.btn-glass {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--white) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding: 15px 40px !important;
  font-weight: 600 !important;
  transition: 0.3s ease !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.btn-glass:hover {
  background: var(--gold) !important;
  color: var(--graphite) !important;
  border-color: var(--gold) !important;
}

/* --- Дополнительно --- */
.accent-border {
  border-left: 4px solid #C4B830;
  padding-left: 20px;
}

.gold-bg {
  background: var(--gold);
  color: var(--graphite);
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 600;
}

.dark-bg {
  background: var(--graphite);
  color: var(--white);
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 600;
}