:root {
  --tag-ground: #000000;
  --tag-ink: #FFFFFF;
  --page: #E4E1EA;
  --band-alt: #DAD6E3;
  --card: #FFFFFF;
  --ink: #1E1B2A;
  --muted: #6C6780;
  --accent: #5A63D8;
  --positive: #3F9A7A;
  --hairline: rgba(30,27,42,0.10);
  --scrim: rgba(30,27,42,0.28);
  --haze-light: #F2EFF7;
  --haze-shadow: #5A63D8;
  --haze-warm: #F3E9DB;
  --object-slab: #DAD6E3;
  --object-key: #FFF0E5;
  --object-fill: #D8D2F1;
  --object-rim: #F3EEFF;
  --object-shadow: #1E1B2A;
  --accent-text: #444CB0;
  --font: 'Space Grotesk', Arial, sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --r-card: 22px;
  --r-pill: 999px;
  --nav-height: 56px;
  --column: 1184px;
  --ease: cubic-bezier(0.32,0.72,0,1);
  --size-display: clamp(56px, 5.84vw, 128px);
  --size-hook: 32px;
  --size-brand: 24px;
  --size-body: clamp(17px, calc(15px + 0.2083333333vw), 22px);
  --size-mono: 13px;
  --nav-touch: 44px;
  --nav-space: 8px;
  --nav-pad: 16px;
  --nav-line: 1px;
  --nav-stroke: 2px;
  --nav-bar: 16px;
  --nav-mark: 22px;
  --nav-layer: 40;
  --nav-leading: 1.4;
  --nav-speed: 160ms;
  --nav-ease: ease-out;
  --nav-wallet-width: 140px;
  --nav-balance-width: 124px;
  --nav-brand-compact: 20px;
  --nav-address-width: 9ch;
}
@supports (color: oklch(0.5 0.1 270)) {
  :root {
    --page: oklch(0.9146964 0.0125024 301.2730);
    --band-alt: oklch(0.8830964 0.0181455 300.0329);
    --card: oklch(1.0000000 0.0000000 89.8756);
    --ink: oklch(0.2328074 0.0288151 293.2020);
    --muted: oklch(0.5275158 0.0392297 294.1836);
    --accent: oklch(0.5556084 0.1767874 275.7151);
    --positive: oklch(0.6222790 0.1000891 166.9757);
  }
}

/* Continuous content widths: 1184 at 1440, 1600 at 2560, 2200 at 3780. */
@media(min-width:1440px){:root{--column:calc(1184px + (100vw - 1440px) * 0.3714285714)}}
@media(min-width:2560px){:root{--column:min(2200px,calc(1600px + (100vw - 2560px) * 0.4918032787))}}