:root {
  /* Дизайн-система: монохромний меморіал без кольорових акцентів.
     Шрифти: Jost (заголовки/UI) + Roboto (текст). */

  /* ── Основні ── */
  --black:        #000000;
  --ink:          #0A0A0A;
  --stone:        #141414;
  --graphite:     #1F1F1F;
  --charcoal:     #2A2A2A;
  --ash:          #6B6B6B;
  --mist:         #9A9A9A;
  --line:         #D6D6D6;
  --paper:        #F5F5F5;
  --white:        #FFFFFF;

  /* ── Історичні змінні, залишені для сумісності компонентів ── */
  --black-deep:   #000000;
  --black-soft:   var(--stone);
  --black-card:   var(--ink);
  --gold-warm:    var(--white);
  --gold-dim:     var(--line);
  --gold-glow:    rgba(255, 255, 255, 0.16);
  --gold-flame:   var(--paper);

  /* ── Текст ── */
  --white-muted:  var(--mist);
  --sepia:        var(--line);
  --text-dim:     var(--ash);

  /* ── Світлий контур для сторінок родин / зниклих ── */
  --hope:         var(--white);
  --hope-text:    #171717;
  --hope-accent:  var(--charcoal);

  /* ── Borders ── */
  --border:       rgba(255, 255, 255, 0.16);
  --border-light: rgba(255, 255, 255, 0.10);

  /* ── Типографіка ── */
  --font-display: 'Jost', 'Futura PT', 'Century Gothic', sans-serif;
  --font-body:    'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'Jost', 'Futura PT', sans-serif; /* caps-лейбли як Futura Demi */

  /* ── Розміри ── */
  --h1: clamp(2.4rem, 5vw, 4rem);
  --h2: clamp(1.8rem, 3.5vw, 2.8rem);
  --h3: clamp(1.2rem, 2vw, 1.5rem);
  --body: 1rem;
  --small: 0.85rem;
  --label: 0.78rem;

  /* ── Spacing ── */
  --section-y: clamp(4rem, 8vw, 8rem);
  --container: min(90%, 1200px);

  /* ── Transitions ── */
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration: 0.4s;
}