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