:root{
  --bg: #f3f1ec;
  --wall: #f6f3ee;
  --wall-2: #efe9e1;

  --ink: #121212;
  --muted: rgba(18,18,18,.62);
  --hair: rgba(18,18,18,.10);

  --shadow: 0 18px 60px rgba(0,0,0,.18);
  --shadow-soft: 0 14px 44px rgba(0,0,0,.14);

  --radius: 18px;
  --radius-lg: 26px;

  --container: 1160px;
  --pad: 18px;

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --tracking: .22em;
}

body{
  font-family: var(--font);
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--pad);
}