/* Base reset-ish */
* { box-sizing: border-box; }
html, body { height: 100%; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: var(--color-text);
  background: radial-gradient(1200px 600px at 10% -10%, rgba(255,45,85,0.12), transparent),
              radial-gradient(900px 500px at 120% 10%, rgba(227,6,19,0.12), transparent),
              var(--color-bg);
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
  font-size: 16px;
  line-height: 1.2;
}
img { max-width: 100%; height: auto; display: block; }

/* Links */
a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: 4px; }

/* Generic muted text */
.muted { color: var(--color-muted); }
.small { font-size: 0.9em; }