/* Файл: style.css */

:root {
  --color-bg: #F7F5F2;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F4F4F6;
  --color-border: #D8D2C7;
  --color-text: #1A1A1A;
  --color-muted: #5E5E5E;
  --color-warm: #D67C2F;
  --color-warm-soft: #F4E5D5;
  --color-warm-dark: #6B4222;
  --font-headers: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
  overflow-x: hidden;
}

img, video, iframe {
  max-width: 100%;
}

.text-muted {
  color: var(--color-muted) !important;
}

@media (max-width: 768px) {
  .grid-cols-1.md\:grid-cols-12 {
    display: flex !important;
    flex-direction: column !important;
  }

  h1 { font-size: 1.8rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3 { font-size: 1rem !important; }

  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }

  .p-5, .p-6 {
    padding: 1rem !important;
  }

  .tab-btn {
    width: 100%;
    justify-content: center;
  }

  .footer-dark .grid {
    gap: 1.5rem !important;
  }
}

/* Контактные карточки и чипы */
.contact-card {
  transition: box-shadow 200ms ease, transform 200ms ease;
}
.contact-card:hover {
  transform: translateY(-4px);
}
.chip {
  border: 1px solid rgba(214,122,47,0.06);
}

@media (max-width: 768px) {
  .contact-card { padding: 1rem !important; }
  .chip { font-size: 0.85rem !important; }
}