/* chrome.css: MotionSole's tokens, base type and buttons. The nav and the footer band moved to /msk.css (the ortho/MSK
   suite's grammar) + /voice.css (this site's values) on 2026-10-05; nothing here styles a nav or a footer. Every page
   links msk.css, voice.css, then this file. */

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

:root {
  --surface:       #00161d;
  --surface-low:   #051c25;
  --surface-mid:   #0a2530;
  --surface-high:  #0f2f3d;
  --surface-top:   #1a3942;
  --primary:       #85d992;
  --primary-dim:   #56a866;
  --primary-deep:  #003915;
  --text:          #e2f3ef;
  --text-muted:    #8ba8b0;
  --text-faint:    #4d747d;
  --border-ghost:  rgba(133,217,146,0.12);
}

body {
  font-family: 'Inter', sans-serif;
  background: var(--surface);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4 { font-family: 'Manrope', sans-serif; }
a { color: inherit; text-decoration: none; }

/* ── BUTTONS ── */
.btn-primary {
  background: var(--primary); color: var(--primary-deep);
  padding: 14px 28px; border-radius: 8px;
  font-weight: 700; font-size: 14px;
  transition: all 0.2s;
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-primary:hover { opacity: 0.88; transform: translateY(-1px); }
.btn-ghost {
  background: transparent; color: var(--text);
  padding: 14px 28px; border-radius: 8px;
  font-weight: 600; font-size: 14px;
  border: 1px solid rgba(133,217,146,0.25);
  transition: all 0.2s;
}
.btn-ghost:hover { border-color: var(--primary); color: var(--primary); }