/* Shared page surface for every robouse.ai page: paper and film grain; the soft glow only behind the landing hero.
   Pages define --paper; this file adds --glow/--grain per theme and the body backdrop. */
:root{--glow:rgb(53 82 242 / .045);--grain:.035}
html[data-theme="dark"]{--glow:rgb(120 140 255 / .07);--grain:.055}
@media (prefers-color-scheme: dark){html:not([data-theme]){--glow:rgb(120 140 255 / .07);--grain:.055}}
body{background:var(--paper)}
/* the glow belongs to the landing hero only (main.home); every other route is plain paper. Pinned to the screen. */
body:has(main.home)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(760px 520px at 50% 34%,var(--glow),transparent 70%)}
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:var(--grain);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}