/* ─── ТОКЕНЫ ─────────────────────────────────────────── */
:root {
  --bg:        #111110;
  --card:      #1c1c1a;
  --border:    #2e2e2a;
  --hover:     #252522;

  --t1:        #E8E3DC;
  --t2:        #a0a098;
  --t3:        #68685f;

  --blue:      #88b0fa;  --blue-bg:   #0d1828;
  --green:     #60d8a0;  --green-bg:  #0d2820;
  --amber:     #e8b040;  --amber-bg:  #2a2210;
  --purple:    #c4a8f0;  --purple-bg: #1e1430;

  --red:       #6A3A44;
  --violet:    #8780C4;

  --link:      #938ca0;
  --link-hi:   #c8c1d2;

  --mono:   'JetBrains Mono', monospace;
  --max-w:  1060px;
  --r:      12px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  font-optical-sizing: auto;
  background: var(--bg);
  color: var(--t2);
  font-size: 17px;
  line-height: 1.78;
  -webkit-font-smoothing: antialiased;
}

/* ─── ТИПОГРАФИКА ─────────────────────────────────────── */
h1 { font-size: clamp(44px, 6vw, 72px); font-weight: 700; letter-spacing: -0.05em; line-height: 1.04; color: var(--t1); }
h2 { font-size: clamp(28px, 3.5vw, 48px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.12; color: var(--t1); margin-bottom: 36px; }
h3 { font-size: 21px; font-weight: 700; letter-spacing: -0.35px; line-height: 1.24; color: var(--t1); }
h4 { font-size: 19px; font-weight: 700; letter-spacing: -0.4px; line-height: 1.25; color: var(--t1); }

p  { font-size: 17px; line-height: 1.78; color: var(--t2); margin-bottom: 20px; }
p:last-child { margin-bottom: 0; }

a.text-link { color: var(--link); text-decoration: none; transition: color .12s; }
a.text-link:hover { color: var(--link-hi); }