/* Orion GeoAI — the theme every page of the site shares: brand tokens, the
 * base type, and the cosmos background (nebula clouds + the star canvas that
 * cosmos.js draws). Page styles (orion.css, reference.css, blog.css,
 * access.css) build on these tokens. */

:root{
  --bg:#0B0518;
  --ink:#F4EEFF;
  --ink-2:#CFC3E8;
  --ink-3:#A99CC6;
  --lilac:#E3CCFF;
  --violet:#C8B4FF;
  --grad:linear-gradient(135deg,#F3D8FF,#C8B4FF 50%,#A9C4FF);
  --glass:rgba(255,255,255,.055);
  --glass-2:rgba(255,255,255,.085);
  --line:rgba(255,255,255,.12);
  --line-2:rgba(255,255,255,.2);
  --dark-ink:#170A2E;
  --f:'Bricolage Grotesque',system-ui,sans-serif;
  --wrap:1240px;
  --r:22px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--lilac)}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:8px}
.skip:focus{left:12px}

/* ── Cosmos background ─────────────────────────────── */
.cosmos{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg)}
.cosmos canvas{position:absolute;inset:0;width:100%;height:100%}
.cloud{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen;will-change:transform}
.cloud.c1{width:62vw;height:44vw;right:-10vw;top:-4vw;background:radial-gradient(closest-side,rgba(126,58,214,.5),rgba(126,58,214,0));animation:float1 28s ease-in-out infinite alternate}
.cloud.c2{width:50vw;height:36vw;right:16vw;top:24vw;background:radial-gradient(closest-side,rgba(214,64,142,.32),rgba(214,64,142,0));animation:float2 34s ease-in-out infinite alternate}
.cloud.c3{width:58vw;height:40vw;left:-20vw;top:30vh;background:radial-gradient(closest-side,rgba(40,86,214,.4),rgba(40,86,214,0));animation:float1 40s ease-in-out -8s infinite alternate}
.cloud.c4{width:30vw;height:22vw;right:12vw;top:8vw;background:radial-gradient(closest-side,rgba(255,180,220,.2),rgba(255,180,220,0));animation:float2 24s ease-in-out -4s infinite alternate}
@keyframes float1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4vw,2vw,0) scale(1.08)}}
@keyframes float2{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(3vw,-2vw,0) scale(.95)}}

@media (prefers-reduced-motion:reduce){.cloud{animation:none!important}}