/*
=====================================================
Space Vanta — shared design tokens (v0.1)
Used by: Collection page. Reused later by All products / Bundles.
Colours are reference values sampled from the logo and must be
calibrated with the brand file. Blue is for edges/graphics only;
text and button fills use --sv-blue-ink (AA contrast).
=====================================================
*/
:root {
  --sv-ink: #1B2026;
  --sv-ink-2: #5A636E;
  --sv-base: #FAF7F2;
  --sv-surface: #FFFFFF;
  --sv-line: rgba(27, 32, 38, .14);

  --sv-blue: #2F6BFF;
  --sv-blue-ink: #1F55D6;
  --sv-glow: rgba(47, 107, 255, .55);

  --sv-silver-1: #E9ECEF;
  --sv-silver-2: #B9C0C8;
  --sv-silver-3: #8C95A0;

  --sv-cut: 14px;

  /* System stack for v0.1. Swap here when the brand fonts are confirmed. */
  --sv-font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang HK", "Noto Sans TC", sans-serif;
  --sv-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang HK", "Noto Sans TC", sans-serif;
}

@media (max-width: 700px) {
  :root { --sv-cut: 10px; }
}