html, body { background: var(--bg-0); color: var(--ink-1); }

body {
  font-family: var(--font-body);
  font-size: var(--t-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  background-image:
    radial-gradient(1200px 600px at 80% -10%, rgba(215, 255, 58, 0.04), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(52, 226, 155, 0.03), transparent 60%);
  background-attachment: fixed;
}

::placeholder { color: var(--ink-3); opacity: 1; }

a:hover { color: var(--accent); }

hr { border: 0; border-top: 1px solid var(--line); margin: var(--s-6) 0; }

mark { background: var(--accent-soft); color: var(--accent-hot); padding: 0 4px; border-radius: var(--r-xs); }

code, kbd, samp { font-family: var(--font-mono); font-size: 0.92em; background: var(--bg-1); padding: 1px 6px; border-radius: var(--r-xs); border: 1px solid var(--line); }

kbd { box-shadow: 0 2px 0 var(--line-strong); padding: 1px 8px; }