/* Workspace UI V2 tokens: values only, no page-level layout. */
body.surface-workspace.workspace-v2 {
  --w2-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --w2-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --w2-ink: #172033;
  --w2-ink-soft: rgba(32, 43, 63, .78);
  --w2-ink-muted: rgba(52, 65, 84, .62);
  --w2-ink-faint: rgba(64, 78, 96, .48);
  --w2-white: rgba(255, 255, 255, .92);
  --w2-glass: rgba(255, 255, 255, .62);
  --w2-glass-strong: rgba(255, 255, 255, .78);
  --w2-glass-soft: rgba(255, 255, 255, .42);
  --w2-line: rgba(255, 255, 255, .42);
  --w2-line-ink: rgba(76, 91, 119, .16);
  --w2-line-strong: rgba(76, 91, 119, .24);
  --w2-teal: #278f7f;
  --w2-teal-soft: rgba(39, 143, 127, .14);
  --w2-blue: #4777b5;
  --w2-blue-soft: rgba(71, 119, 181, .14);
  --w2-rose: #b55a66;
  --w2-rose-soft: rgba(181, 90, 102, .12);
  --w2-gold: #a97734;
  --w2-gold-soft: rgba(169, 119, 52, .14);

  --w2-space-1: 4px;
  --w2-space-2: 8px;
  --w2-space-3: 12px;
  --w2-space-4: 16px;
  --w2-space-5: 20px;
  --w2-space-6: 24px;
  --w2-space-7: 32px;

  --w2-radius-xs: 8px;
  --w2-radius-sm: 12px;
  --w2-radius-md: 16px;
  --w2-radius-lg: 22px;
  --w2-radius-xl: 28px;
  --w2-radius-pill: 999px;

  --w2-shadow-card: 0 18px 54px rgba(22, 31, 62, .14);
  --w2-shadow-soft: 0 10px 28px rgba(22, 31, 62, .10);
  --w2-shadow-quiet: 0 4px 16px rgba(22, 31, 62, .06);
  --w2-inset: inset 0 1px 0 rgba(255, 255, 255, .76);
  --w2-blur-card: blur(14px) saturate(1.12);
  --w2-blur-shell: blur(18px) saturate(1.18);

  --w2-bg-desktop: image-set(
    url("/static/generated/liquid-glass-home-v2-desktop.avif") type("image/avif"),
    url("/static/generated/liquid-glass-home-v2-desktop.webp") type("image/webp")
  );
  --w2-bg-mobile: image-set(
    url("/static/generated/liquid-glass-home-v2-mobile.avif") type("image/avif"),
    url("/static/generated/liquid-glass-home-v2-mobile.webp") type("image/webp")
  );
  --w2-bg-current: var(--w2-bg-desktop);
  --w2-z-background: -2;
  --w2-z-wash: -1;
  --w2-z-surface: 1;
}

@media (max-width: 760px) {
  body.surface-workspace.workspace-v2 {
    --w2-bg-current: var(--w2-bg-mobile);
    --w2-shadow-card: 0 14px 38px rgba(22, 31, 62, .12);
    --w2-blur-card: blur(10px) saturate(1.08);
    --w2-blur-shell: blur(14px) saturate(1.10);
  }
}