/*
 * Vanisher website design tokens. Values are taken from the app's design system
 * (app/src/design/tokens.css) so the site and the product read as one brand.
 * Dark only (SPEC §13). Every colour on the site comes from here.
 */
:root {
  /* Surfaces: black metal. */
  --vw-void: #05070b;
  --vw-metal-lo: #04060a;
  --vw-surface: #0c1219;
  --vw-surface-raised: #121a23;
  --vw-surface-high: #1e2a36;

  /* Ice accent. */
  --vw-ice-50: #f2faff;
  --vw-ice-300: #bfe7ff;
  --vw-ice-400: #9bdcff;
  --vw-ice-450: #8fd1f5;
  --vw-ice-500: #7cc4ee;
  --vw-ice-600: #5ea9d6;

  /* Text. */
  --vw-text: #e9f3fa;
  --vw-text-2: #c2d1dd;
  --vw-text-muted: #97abbc;
  --vw-on-accent: #05070b;

  /* Semantic. */
  --vw-success: #7be0b0;
  --vw-warning: #f5c86b;

  /* Translucent layers. */
  --vw-edge: rgba(155, 220, 255, 0.22);
  --vw-edge-strong: rgba(155, 220, 255, 0.55);
  --vw-edge-hair: rgba(155, 220, 255, 0.14);
  --vw-edge-highlight: rgba(255, 255, 255, 0.07);
  --vw-glass-top: rgba(30, 42, 54, 0.55);
  --vw-glass-bottom: rgba(12, 18, 25, 0.72);
  --vw-glass-blur-top: rgba(30, 42, 54, 0.48);
  --vw-glass-blur-bottom: rgba(12, 18, 25, 0.6);
  --vw-haze: rgba(143, 209, 245, 0.1);
  --vw-tint-info: rgba(155, 220, 255, 0.12);
  --vw-scrim: rgba(5, 7, 11, 0.72);

  /* Typography. JetBrains Mono for body text and figures; Oxanium for display,
     headings, labels and buttons — the same pairing as the app. */
  --vw-font-mono: 'JetBrains Mono', 'JetBrains Mono Fallback 1', 'JetBrains Mono Fallback 2',
    'JetBrains Mono Fallback 3', ui-monospace, Menlo, Consolas, monospace;
  --vw-font-display: 'Oxanium', 'Oxanium Fallback 1', 'Oxanium Fallback 2', 'Oxanium Fallback 3',
    system-ui, 'Segoe UI', Roboto, Arial, sans-serif;

  --vw-text-xs: 0.8125rem;
  --vw-text-sm: 0.875rem;
  --vw-text-md: 0.9375rem;
  --vw-text-body: 1rem;
  --vw-text-lg: 1.125rem;
  --vw-text-xl: 1.375rem;

  --vw-tracking-caps: 0.14em;

  /* Spacing (4px base). */
  --vw-space-1: 0.25rem;
  --vw-space-2: 0.5rem;
  --vw-space-3: 0.75rem;
  --vw-space-4: 1rem;
  --vw-space-5: 1.25rem;
  --vw-space-6: 1.5rem;
  --vw-space-8: 2rem;
  --vw-space-10: 2.5rem;
  --vw-space-12: 3rem;
  --vw-space-16: 4rem;
  --vw-space-24: 6rem;

  /* Radii. */
  --vw-radius-sm: 6px;
  --vw-radius-md: 10px;
  --vw-radius-lg: 16px;

  /* Chamfer: the machined cut shared by the wordmark's letterforms. */
  --vw-chamfer: 12px;
  --vw-chamfer-sm: 8px;

  /* Blur. */
  --vw-blur-md: 16px;
  --vw-blur-lg: 24px;

  /* Shadows and glows. */
  --vw-shadow-panel: 0 12px 32px rgba(0, 0, 0, 0.5);
  --vw-glow-ice: 0 0 24px rgba(155, 220, 255, 0.16);
  --vw-glow-ice-strong: 0 0 32px rgba(155, 220, 255, 0.28);

  /* Motion. */
  --vw-dur-fast: 140ms;
  --vw-dur-base: 220ms;
  --vw-dur-slow: 420ms;
  --vw-dur-dissolve: 900ms;
  --vw-ease: cubic-bezier(0.2, 0, 0, 1);
  --vw-ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1);

  /* Layout. */
  --vw-wrap: 1180px;
  --vw-gutter: clamp(1.25rem, 5vw, 3rem);

  color-scheme: dark;
}