/* Visomation design tokens — generated by brand/build-assets.py.
   Do not edit by hand; edit the generator. */
:root{
  /* colour */
  --vs-ink:#0B0B0D;
  --vs-paper:#FFFFFF;
  --vs-accent:#FF8A00;
  --vs-accent-light:#FFB347;
  --vs-n900:#1B1A19;
  --vs-n800:#2B2A28;
  --vs-n500:#5E5C58;
  --vs-n200:#E9E7E4;

  /* semantic — light surface */
  --vs-bg:var(--vs-paper);
  --vs-surface:var(--vs-paper);
  --vs-fg:var(--vs-ink);
  --vs-muted:var(--vs-n500);
  --vs-line:rgba(11,11,13,.10);

  /* type */
  --vs-font-display:'Satoshi',Satoshi, Inter, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --vs-font-text:'Inter',Satoshi, Inter, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --vs-font-mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,monospace;
  --vs-size-display:3.875rem;
  --vs-size-h1:2.75rem;
  --vs-size-h2:2rem;
  --vs-size-h3:1.25rem;
  --vs-size-body:1rem;
  --vs-size-small:0.844rem;
  --vs-size-label:0.688rem;
  --vs-track-display:-0.035em;
  --vs-track-heading:-0.028em;
  --vs-track-body:-0.006em;
  --vs-track-label:0.16em;

  /* space — 4px base */
  --vs-space-4:0.25rem;
  --vs-space-8:0.5rem;
  --vs-space-12:0.75rem;
  --vs-space-16:1rem;
  --vs-space-24:1.5rem;
  --vs-space-32:2rem;
  --vs-space-48:3rem;
  --vs-space-64:4rem;
  --vs-space-96:6rem;
  --vs-space-128:8rem;

  /* radius */
  --vs-radius-sm:6px;
  --vs-radius-md:12px;
  --vs-radius-lg:18px;

  /* mark */
  --vs-mark-min-size:16px;
  --vs-mark-clear-space:0.16em; /* 1 stroke weight of the mark */
}

/* semantic — dark surface. Ship dark as the default look; this block
   is what actually flips, so nothing else in the system needs to know. */
:root[data-theme="dark"], .vs-dark{
  --vs-bg:#0B0B0D;
  --vs-surface:#1B1A19;
  --vs-fg:#FFFFFF;
  --vs-muted:#5E5C58;
  --vs-line:rgba(255,255,255,.09);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --vs-bg:#0B0B0D;
    --vs-surface:#1B1A19;
    --vs-fg:#FFFFFF;
    --vs-muted:#5E5C58;
    --vs-line:rgba(255,255,255,.09);
  }
}