/* ============================================================
   Дизайн-токены центра «Мирослав»
   Тёмная «сине-золотая» эзотерика: глубокий полуночно-синий
   фон (в тон логотипу), тёплый светлый текст, благородное
   золото как акцент, глянцевые градиенты и мягкое свечение.
   ============================================================ */

:root {
  /* ---- Цвета: поверхности (полуночно-синие, как фон логотипа) ---- */
  --c-bg:            #080d18; /* основной фон — почти чёрный, с синевой */
  --c-bg-soft:       #0b1122; /* альтернативные секции — чуть приподняты */
  --c-surface:       #111a2e; /* карточки (сплошной) */
  --c-surface-2:     #182543; /* верхняя подсветка карточек */

  /* ---- Цвета: текст ---- */
  --c-ink:           #ece3d2; /* основной текст — тёплый белый */
  --c-ink-soft:      #a5a091; /* вторичный текст, подписи */
  --c-heading:       #f4ecd9; /* серифные заголовки — почти белый */

  /* ---- Цвета: акцент (золото) ---- */
  --c-gold:          #d9b45f; /* основной акцент */
  --c-gold-deep:     #e3c06a; /* яркое золото для подписей на тёмном */
  --c-gold-soft:     #e8cf94; /* светлое золото, орнаменты, тонкие рамки */

  /* ---- Золотые градиенты (глянец / текст / карточки) ---- */
  --grad-gold:       linear-gradient(180deg, #f7e4a8 0%, #dcb762 46%, #b07f31 100%);
  --grad-gold-text:  linear-gradient(180deg, #f6dfa2 0%, #dcb762 55%, #c0913f 100%);
  --grad-card:       linear-gradient(158deg, #182440 0%, #0e1628 100%);

  /* ---- Линии и границы (тёплая золотая дымка) ---- */
  --c-line:          rgba(228, 198, 138, 0.16);
  --c-line-soft:     rgba(228, 198, 138, 0.09);

  /* ---- Шрифты ---- */
  --font-display: "Playfair Display", "Times New Roman", serif;    /* заголовки */
  --font-body:    "Montserrat", "Segoe UI", system-ui, sans-serif; /* текст и интерфейс */

  /* ---- Типографическая шкала (mobile-first) ---- */
  --fs-overline: 0.76rem;  /* надзаголовки, спейсед-капс */
  --fs-body:     1.02rem;
  --fs-lead:     1.16rem;   /* лиды, подзаголовки */
  --fs-h3:       1.5rem;
  --fs-h2:       2rem;
  --fs-h1:       2.625rem;
  --fs-display:  3rem;      /* hero */

  /* ---- Трекинг (межбуквенное для капс-надзаголовков) ---- */
  --tracking-wide: 0.22em;

  /* ---- Отступы / ритм ---- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* ---- Геометрия ---- */
  --radius-sm: 10px;
  --radius:    16px;
  --container: 1120px; /* макс. ширина контента */
  --measure:   720px;  /* комфортная ширина текстового блока */

  /* ---- Тени (глубокие + тёплое золотое свечение) ---- */
  --shadow-card: 0 26px 60px -28px rgba(0, 0, 0, 0.85);
  --shadow-soft: 0 14px 34px -20px rgba(0, 0, 0, 0.70);
  --glow-gold:   0 0 34px -6px rgba(217, 180, 95, 0.45);

  /* ---- Тайминги анимаций ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  0.6s;
}

/* Десктопная типографика */
@media (min-width: 768px) {
  :root {
    --fs-h1:      3.25rem;
    --fs-display: 4rem;
    --fs-h2:      2.5rem;
    --fs-h3:      1.625rem;
  }
}