.loops-surface{--loops-white:#fff;--loops-black:#0a0b0a;--loops-green:#14b257;--loops-green-bright:#34d17e;--loops-green-deep:#0b3d22;--loops-mint:#c7f5d4;--loops-orange:#ff5a30;--loops-ink:#0a0b0a;--loops-ink-muted:#0a0b0a9e;--loops-paper-muted:#f5f7f59e;--loops-bg:var(--loops-white);--loops-text:var(--loops-ink);--loops-text-muted:var(--loops-ink-muted);--loops-grid:#0a0b0a12;--loops-rule:#0a0b0a24;--loops-accent:var(--loops-green)}.loops-surface[data-surface=light]{--loops-bg:var(--loops-white);--loops-text:var(--loops-ink);--loops-text-muted:var(--loops-ink-muted);--loops-grid:#0a0b0a12;--loops-rule:#0a0b0a24;--loops-accent:var(--loops-green)}.loops-surface[data-surface=dark],.dark .loops-surface:not([data-surface]){--loops-bg:var(--loops-black);--loops-text:#f4f7f4;--loops-text-muted:#f4f7f499;--loops-grid:#ffffff17;--loops-rule:#ffffff29;--loops-accent:var(--loops-green-bright)}