/* =========================================================================
   ДИЗАЙН-ТОКЕНЫ — единственное место, где меняется внешний вид сайта.
   Поменяйте значения здесь — изменится весь сайт (цвета, шрифты, отступы,
   скругления, тени). Ниже есть готовые альтернативные палитры — просто
   раскомментируйте нужную.
   ========================================================================= */

:root {
  /* ---- ЦВЕТА: тема по умолчанию «Морская» (глубокий марин + тёплый песок) ---- */
  --color-bg:            #ffffff;   /* основной фон */
  --color-bg-soft:       #f4f1ea;   /* мягкий фон секций (песочный) */
  --color-bg-dark:       #0f2a3f;   /* тёмные секции / футер (марин) */
  --color-surface:       #ffffff;   /* карточки */
  --color-text:          #1d2b36;   /* основной текст */
  --color-text-muted:    #5b6b78;   /* приглушённый текст */
  --color-text-invert:   #f4f1ea;   /* текст на тёмном */

  --color-primary:       #0f5e6e;   /* бирюзово-марин — основной бренд-цвет */
  --color-primary-dark:  #0a4451;
  --color-accent:        #c9a24b;   /* тёплое золото/песок — акцент, кнопки */
  --color-accent-dark:   #a9852f;

  --color-line:          #e4ddd0;   /* границы, разделители */
  --color-success:       #2e7d57;

  /* ---- ШРИФТЫ ---- */
  --font-head: "Playfair Display", Georgia, "Times New Roman", serif; /* заголовки */
  --font-body: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-hero:   clamp(2.4rem, 5vw, 4.2rem);
  --fs-h2:     clamp(1.7rem, 3vw, 2.6rem);
  --fs-h3:     1.25rem;
  --fs-body:   1.05rem;
  --fs-small:  0.9rem;

  /* ---- РАЗМЕРЫ / РИТМ ---- */
  --container:   1180px;
  --gap:         1.5rem;
  --section-pad: clamp(3.5rem, 8vw, 6.5rem);

  /* ---- СКРУГЛЕНИЯ ---- */
  --radius-sm: 8px;
  --radius:    16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* ---- ТЕНИ ---- */
  --shadow-sm: 0 2px 8px rgba(15, 42, 63, .06);
  --shadow:    0 12px 32px rgba(15, 42, 63, .10);
  --shadow-lg: 0 24px 60px rgba(15, 42, 63, .16);

  /* ---- АНИМАЦИЯ ---- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur:  .35s;
}

/* =========================================================================
   АЛЬТЕРНАТИВНЫЕ ПАЛИТРЫ — раскомментируйте блок целиком, чтобы сменить тему.
   ========================================================================= */

/* --- Тема «Бренд» (как на текущем сайте: марин-синий + розовый) ---
:root {
  --color-bg-dark:      #22347e;
  --color-primary:      #22347e;
  --color-primary-dark: #182660;
  --color-accent:       #e21b6e;
  --color-accent-dark:  #b21456;
  --color-bg-soft:      #f5f6fb;
}
*/

/* --- Тема «Тёплый юг» (терракота + оливка) ---
:root {
  --color-bg-dark:      #2c2a26;
  --color-primary:      #b5532a;
  --color-primary-dark: #8f3f1f;
  --color-accent:       #6f7d3c;
  --color-accent-dark:  #556030;
  --color-bg-soft:      #f6f1e9;
}
*/