:root{
/* shadows: used sparingly, only on floating layers (dialogs, cursors). Cards use hairlines, not shadows. */
--shadow-float:0 24px 64px -24px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06) inset;
--shadow-none:none;
/* blur: only for fixed nav over scrolling media */
--blur-nav:blur(14px) saturate(1.2);/* @kind other */
/* grain overlay, applied via pseudo-element on hero/media, opacity .06 */
--grain-opacity:.06;/* @kind other */
/* media treatment */
--media-filter:saturate(.9) contrast(1.04);/* @kind other */--media-scrim:var(--overlay-scrim);
/* z layers */
--z-bg:0;/* @kind other */--z-content:1;/* @kind other */--z-nav:50;/* @kind other */--z-overlay:100;/* @kind other */--z-cursor:200;/* @kind other */
}
html{background:var(--bg);color:var(--fg);font:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;transition:var(--transition-color)}a:hover{color:var(--accent-soft)}
::selection{background:var(--accent);color:var(--accent-fg)}