:root{--font-sans:"Barlow", sans-serif;--font-mono:monospace;--font-serif:serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--color-neutral-01:#fff;--color-neutral-02:#eee;--color-neutral-03:#1d1f21;--color-neutral-04:#000;--color-primary-01:#fdd000;--color-secondary-01:#ec008c;--color-bg-01:var(--color-neutral-01);--color-bg-02:var(--color-neutral-02);--color-fg-01:var(--color-neutral-03);--color-fg-02:var(--color-neutral-04);--color-hl-01:var(--color-primary-01);--color-hl-02:var(--color-secondary-01);--border-width:2px;--border-radius:0px;--border-color:var(--color-neutral-04);--border:var(--border-width) solid var(--border-color);--spacing-01:8px;--spacing-q:calc(var(--spacing-01) * 0.25);--spacing-h:calc(var(--spacing-01) * 0.5);--spacing-02:calc(var(--spacing-01) * 2);--spacing-03:calc(var(--spacing-01) * 3);--spacing-04:calc(var(--spacing-01) * 4);--spacing-05:calc(var(--spacing-01) * 5);--spacing-06:calc(var(--spacing-01) * 6);--spacing-07:calc(var(--spacing-01) * 7);--spacing-08:calc(var(--spacing-01) * 8);--spacing-09:calc(var(--spacing-01) * 9);--spacing-10:calc(var(--spacing-01) * 10);--size-300:0.75rem;--size-400:1rem;--size-500:1.33rem;--size-600:1.77rem;--size-700:2.36rem;--size-800:3.15rem;--size-900:4.2rem;--icon-size:30px}@media(prefers-color-scheme:dark){:root{--color-bg-01:var(--color-neutral-04);--color-bg-02:var(--color-neutral-03);--color-fg-01:var(--color-neutral-01);--color-fg-02:var(--color-neutral-02);--border-color:var(--color-neutral-03);--color-hl-01:var(--color-secondary-01);--color-hl-02:var(--color-primary-01)}}