body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-chrome);font-size:var(--text-chrome);line-height:var(--text-chrome-lh);-webkit-font-smoothing:antialiased}
a{color:var(--accent-link);text-decoration:none}
a:hover{color:var(--accent-link-hover)}
::selection{background:var(--hat-500);color:var(--starlight-100)}
:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:var(--radius-sm)}
/* The sky gradient — the one sanctioned gradient; apply to long pages only */
.sky-gradient{background:linear-gradient(to bottom,var(--night-950),var(--sky-deep))}
/* The grain — mottle-300 tooth on large night fields, ≤4% */
.night-grain{position:relative}
.night-grain::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' fill='%239A9AA6'/%3E%3C/svg%3E")}