:root {
  /* ── Цвета фона ── */
  --color-bg:           #F7F4EE;
  --color-bg-alt:       #EFEAE0;
  --color-bg-dark:      #0E1A2B;
  --color-bg-dark-soft: #142539;

  /* ── Текст ── */
  --color-text:            #1A1A1A;
  --color-text-soft:       #4A4A4A;
  --color-text-light:      #F7F4EE;
  --color-text-light-soft: #C8C4BC;

  /* ── Акцент (латунь) ── */
  --color-accent:       #8B6F3F;
  --color-accent-hover: #6F5830;

  /* ── Разделители ── */
  --color-line:      #DCD6CB;
  --color-line-dark: #2A3A4F;

  /* ── Шрифты ── */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:    'Inter Tight', -apple-system, sans-serif;

  /* ── Отступы (база 8px) ── */
  --space-1:  0.5rem;   /*   8px */
  --space-2:  1rem;     /*  16px */
  --space-3:  1.5rem;   /*  24px */
  --space-4:  2rem;     /*  32px */
  --space-6:  3rem;     /*  48px */
  --space-8:  4rem;     /*  64px */
  --space-12: 6rem;     /*  96px */
  --space-16: 8rem;     /* 128px */
  --space-24: 12rem;    /* 192px */

  /* ── Ширины контента ── */
  --width-content: 1200px;
  --width-narrow:   720px;
  --width-wide:    1440px;

  /* ── Переходы ── */
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);
}