/* Loom Site · base (foundation) · bundle tour. Tokens only: var(--…) from apps/showcase/site/brand/tokens.css. */
:root, :root[data-theme="dark"], :root:where(:not([data-theme="light"])) { --loom-paper: var(--cotton); --loom-surface: var(--surface); --loom-surface-2: var(--surface-2); --loom-ink: var(--ink); --loom-muted: var(--ink-2); --loom-line: var(--line); --loom-line-strong: var(--ink); --loom-accent: var(--link); --loom-accent-ink: var(--cotton); --loom-accent-soft: var(--indigo-soft); --loom-ok: var(--teal-ink); --loom-warn: var(--saffron-ink); --loom-warn-soft: var(--saffron-soft); --loom-crit: var(--madder-ink); --loom-crit-soft: var(--madder-soft); --loom-sample-ink: var(--saffron-ink); --loom-sample-bg: var(--saffron-soft); --loom-sample-line: var(--saffron); --loom-mark: var(--saffron-soft); --loom-shadow: transparent; --loom-font: var(--font-text); --loom-font-display: var(--font-display); --loom-mono: var(--font-mono); --loom-radius: var(--radius); --loom-radius-card: var(--radius); --loom-viz-1: var(--indigo-2); --loom-viz-2: var(--madder-2); --loom-viz-3: var(--teal-2); --loom-viz-rest: var(--line); --loom-viz-grid: var(--line); --loom-status-good: var(--band-holding); --loom-status-warn: var(--saffron); --loom-status-crit: var(--band-loose); --loom-band-loose: var(--band-loose); --loom-band-shape: var(--band-shape); --loom-band-holding: var(--band-holding); --loom-band-woven: var(--band-woven); --loom-band-ground: var(--surface-3); --loom-indigo: var(--indigo); --loom-madder: var(--madder); --loom-saffron: var(--saffron); --loom-teal: var(--teal); --loom-on-dye: var(--on-dye); --loom-on-saffron: var(--on-saffron); --loom-ease-out: var(--ease-standard); --loom-dur-press: var(--dur-moderate); --loom-dur-state: var(--dur-moderate); }
.loom-header { border-bottom: var(--rule) solid var(--ink); }
.loom-brand > svg { display: none; }
.loom-brand-word { display: inline-block; width: 157px; height: 26px; overflow: hidden; white-space: nowrap; text-indent: 100%; color: transparent; background: url(/brand/lockup-on-cotton.svg) left center / contain no-repeat; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .loom-brand-word { background-image: url(/brand/lockup-on-ink.svg); } }
:root[data-theme="dark"] .loom-brand-word { background-image: url(/brand/lockup-on-ink.svg); }
.loom-brand-product { font: var(--type-small-strong); color: var(--ink); border-left: var(--rule-hair) solid var(--ink); }

/* Loom Site · product-tour (organism) · bundle tour. Tokens only: var(--…) from apps/showcase/site/brand/tokens.css. */
.loom { --product-tour-font-type-body: var(--type-body); font: var(--product-tour-font-type-body); --product-tour-letter-spacing-ls-body: var(--ls-body); letter-spacing: var(--product-tour-letter-spacing-ls-body); }