@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  --bg:#f7f4ef;
  --bg-soft:#f1ece4;
  --surface:#ffffff;
  --surface-alt:#fbfaf7;
  --ink:#171615;
  --ink-soft:#6a655e;
  --line:#e9e1d7;
  --line-strong:#d8cfc3;
  --primary:#111111;
  --primary-2:#1b1b1e;
  --accent:#957359;
  --accent-soft:#ceb49f;
  --accent-soft-2:#f0e5da;
  --sidebar:#111111;
  --sidebar-elev:#1a1a1a;
  --sidebar-text:#f3efe9;
  --sidebar-muted:#b9afa4;
  --success:#557764;
  --success-soft:#e8f1eb;
  --danger:#b35d53;
  --danger-soft:#fff0ed;
  --warning:#b88950;
  --warning-soft:#fff5ea;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 20px 55px rgba(31, 24, 19, .06);
  --shadow-soft:0 10px 26px rgba(32, 25, 20, .04);
  font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing:border-box }
html { min-height:100%; scroll-behavior:smooth }
body {
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at top right, rgba(206,180,159,.22), transparent 22%),
    linear-gradient(180deg, #faf7f2 0%, var(--bg) 100%);
  font-size:14px;
  line-height:1.6;
}
button, input, select, textarea { font:inherit }
a { color:inherit; text-decoration:none }
button, a { -webkit-tap-highlight-color:transparent }
button { cursor:pointer }
h1, h2, h3, p { margin-top:0 }
h1, h2, h3 {
  font-family:Manrope, 'Segoe UI', sans-serif;
  letter-spacing:-.05em;
  color:var(--ink);
}
h1 { font-size:34px; font-weight:800; margin-bottom:10px }
h2 { font-size:20px; font-weight:800; margin-bottom:4px }
h3 { font-size:15px; font-weight:800 }
p { color:var(--ink-soft) }
svg {
  display:inline-block;
  vertical-align:middle;
  stroke:currentColor;
  fill:none;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
  width:19px;
  height:19px;
}