*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* тёплые нейтрали + медь/олива — стройка без «офисного» холода */
  --bg-page:  #f4f1ea;
  --bg:       #e6e2d8;
  --bg-white: #faf8f3;
  --bg-card:  #ffffff;
  --border:   #d0ccc2;
  --dark:     #151210;
  --graphite: #3a3732;
  --graphite2:#4a4740;
  --text:     #2f2c28;
  --muted:    #6b675f;
  --muted-2:  #928c82;
  --amber:    #c9912e;
  --amber-h:  #ddb85c;
  --amber-soft: color-mix(in srgb, var(--amber) 30%, white);
  --amber-line: color-mix(in srgb, var(--amber) 60%, transparent);
  /* второй акцент: олива (естественнее, без «глухоты») */
  --sage:        #6f7d67;
  --sage-border: color-mix(in srgb, var(--sage) 28%, transparent);
  /* карточки направлений на главной hero */
  --hero-card-a: #d4a03a;
  --hero-card-b: #7d8f72;
  --hero-card-c: #8a96a3;
  --placeholder-1: #e5e2db;
  --placeholder-2: #d4d0c6;
  /* «стекло»: лёгкие панели без плотной плитки */
  --glass-bg: color-mix(in srgb, var(--bg-white) 58%, transparent);
  --glass-border: color-mix(in srgb, #ffffff 58%, var(--border));
  --C: 1200px;
}

html { scroll-behavior: smooth; }
body { font-family: 'Nunito Sans', sans-serif; color: var(--text); overflow-x: hidden; background: var(--bg-page); }

.inner { max-width: var(--C); margin: 0 auto; padding: 0 40px; }
