/* ==========================================================================
   HOMEDAY GEORGIA — дизайн-токены
   Направление: «Tbilisi Limestone» — светлый editorial-люкс.
   База — тёплый известняк тбилисских фасадов, а не белый лист.
   Акцент — терракота черепицы. Вторичный — зелень платанов Ваке (семантика
   «проверено / включено»). Охра — только предупреждения.
   ========================================================================== */

:root {
  /* ---- Поверхности ---------------------------------------------------- */
  --bg:          #F4F1EA;   /* известняк, НЕ #FFF */
  --bg-alt:      #EAE5DA;   /* секции-ритм, теплее */
  --paper:       #FDFCF9;   /* карточка-«бумага на бумаге» */
  --bg-dark:     #171512;   /* тёплый почти-чёрный, НЕ #000 */
  --bg-dark-2:   #211D18;

  /* ---- Текст ---------------------------------------------------------- */
  --text:        #1A1713;   /* чернильный */
  --text-soft:   #4A423A;
  --text-muted:  #6B6155;   /* AA на --bg: 5.4:1 */
  --text-invert: #F4F1EA;
  --text-invert-muted: #A79C8C;

  /* ---- Линии ---------------------------------------------------------- */
  --border:      #DCD4C4;
  --border-firm: #C6BCA8;
  --border-dark: rgba(244, 241, 234, 0.14);

  /* ---- Акценты -------------------------------------------------------- */
  --terra:       #B84A22;   /* черепица — основной акцент */
  --terra-deep:  #8F3616;
  --terra-wash:  #F0DED4;
  --terra-ink:   #FFF6F1;   /* текст НА терракоте */

  --verde:       #2E4A3B;   /* платаны Ваке — «проверено / включено» */
  --verde-soft:  #DCE5DE;
  --ochre:       #A87516;   /* warning / «уточняется» */
  --ochre-wash:  #F2E7CE;

  /* ---- Тени ----------------------------------------------------------- */
  --shadow-sm:   0 1px 2px rgba(26, 23, 19, .05);
  --shadow-md:   0 4px 14px rgba(26, 23, 19, .07), 0 1px 3px rgba(26, 23, 19, .05);
  --shadow-lg:   0 18px 44px rgba(26, 23, 19, .12), 0 4px 12px rgba(26, 23, 19, .06);
  --shadow-terra:0 18px 44px rgba(184, 74, 34, .18), 0 0 0 1px rgba(184, 74, 34, .12);

  /* ---- Типографика ---------------------------------------------------- */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  --t-hero:   clamp(2.5rem, 1.35rem + 4.6vw, 4.75rem);
  --t-h2:     clamp(2rem,    1.2rem + 3.4vw, 3.75rem);
  --t-h3:     clamp(1.375rem, 1.1rem + 1.1vw, 1.875rem);
  --t-num:    clamp(2.5rem,  1.5rem + 4.2vw, 4.5rem);
  --t-body:   1.0625rem;
  --t-lead:   clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --t-kicker: 0.6875rem;
  --t-small:  0.8125rem;

  /* ---- Ритм ----------------------------------------------------------- */
  --container:  1240px;
  --container-narrow: 860px;
  --gutter:     clamp(1.25rem, 4vw, 3rem);
  --section-py: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --gap:        clamp(1rem, 0.6rem + 1.4vw, 1.75rem);

  /* Радиусы намеренно неравномерны — часть editorial-ритма */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;

  /* ---- Движение ------------------------------------------------------- */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur:       0.32s;
  --dur-slow:  0.68s;
}

/* Тёмные секции переопределяют базу — один и тот же компонент «переодевается» */
.section--dark {
  --bg:        var(--bg-dark);
  --bg-alt:    var(--bg-dark-2);
  --paper:     rgba(244, 241, 234, 0.04);
  --text:      var(--text-invert);
  --text-soft: #CFC5B6;
  --text-muted:var(--text-invert-muted);
  --border:    var(--border-dark);
  --border-firm: rgba(244, 241, 234, 0.24);
  --terra:     #E0662F;
  --terra-wash:rgba(224, 102, 47, 0.14);
  --verde-soft:rgba(120, 168, 140, 0.16);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);
}