:root {
  --background: #fafaf9;
  --foreground: #0c0a09;
  --muted-foreground: #57534e;
  --border: #e7e5e4;
  --card: #ffffff;
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.text-muted-foreground { color: var(--muted-foreground); }
.text-foreground { color: var(--foreground); }
.border-border { border-color: var(--border); }
.bg-background { background: var(--background); }
.bg-background\/80 { background: color-mix(in oklab, var(--background) 80%, transparent); }
.link { color: var(--foreground); text-decoration: underline; text-underline-offset: 4px; }
.link:hover { opacity: 0.85; }