/* avatartarus.com — public shell chrome.
   The tool's own styles live in avatar.css (synced from the MAX repo); this file
   supplies the design tokens that avatar.css expects, plus the public header/footer.
   Inside MAX those tokens come from MAX's global style.css instead. */

:root {
  --bg:         #262728;
  --surface:    #2e2f31;
  --ink:        #e7e7e6;
  --ink-soft:   #a9a8a6;
  --muted:      #76776f;
  --line:       #3e3f41;
  --line-soft:  #333436;
  --accent:     #2fe08f;
  --accent-soft:#5fe6ad;
  --radius:     7px;
  --mono: ui-monospace, "SF Mono", "Menlo", Consolas, monospace;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: var(--sans); line-height: 1.5;
}
a { color: var(--accent); }

.av-brand {
  font-size: 18px; font-weight: 700; letter-spacing: -.01em;
  color: var(--ink); text-decoration: none;
}
.av-brand:hover { color: var(--accent); }
.av-tag { font-size: 13px; color: var(--muted); }

.av-foot {
  max-width: 1080px; margin: 0 auto; padding: 0 20px 60px;
  color: var(--ink-soft); font-size: 13px;
}
.av-foot p { max-width: 62ch; }
.av-foot-meta { color: var(--muted); font-size: 12px; font-family: var(--mono); }

@media (max-width: 520px) {
  .av-tag { display: none; }
}