/* Site-wide styles. Every page loads tokens.css first, then this file. */

/* From the pages' design export */
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--plum-mid)}
@keyframes leela-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){[data-marquee]{animation:none !important}}
details summary::-webkit-details-marker{display:none}

/* The design system button (rendered by dc.js): hover and press */
.dc-button--primary:hover{background:var(--plum-mid) !important}
.dc-button--secondary:hover{background:var(--ink-secondary) !important}
.dc-button--tertiary:hover{background:var(--ink) !important;color:var(--paper) !important}
.dc-button--acid:hover{background:var(--acid-press) !important}
.dc-button:active{transform:translateY(1px) !important}

/* Shown only when JavaScript is off */
.no-script{max-width:44ch;margin:0 auto;padding:80px 24px;font-size:19px;line-height:1.55}
