/* V-Twin Lab design tokens (from the approved design-tokens.css) plus locally served fonts.
   Shared by the homepage and the tool pages. */

@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/barlow-latin-600-normal.woff2") format("woff2"); }

:root {
  color-scheme: dark;
  --vt-bg: #121416;
  --vt-surface: #1e2328;
  --vt-surface-raised: #252c32;
  --vt-text: #f2efe6;
  --vt-text-muted: #b8bec4;
  --vt-copper: #d87729;
  --vt-copper-hover: #e98b42;
  --vt-border: #353d45;
  --vt-focus: #f0aa65;
  --vt-on-copper: #121416;
  --vt-error: #ff9b85;

  --vt-font-display: "Barlow Condensed", "Arial Narrow", Impact, "Helvetica Neue", sans-serif;
  --vt-font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vt-weight-display: 800;
  --vt-weight-body: 400;
  --vt-weight-control: 600;
  --vt-size-hero: clamp(2.5rem, 5.4vw, 5rem);
  --vt-size-section: clamp(1.875rem, 3vw, 2.75rem);
  --vt-size-body: 1rem;
  --vt-line-display: 0.96;
  --vt-line-body: 1.5;

  --vt-space-1: 0.25rem;
  --vt-space-2: 0.5rem;
  --vt-space-3: 0.75rem;
  --vt-space-4: 1rem;
  --vt-space-5: 1.5rem;
  --vt-space-6: 2rem;
  --vt-space-7: 3rem;
  --vt-space-8: 4rem;

  --vt-max-content: 90rem;
  --vt-gutter: clamp(1.25rem, 4.7vw, 4.5rem);
  --vt-radius-control: 0.375rem;
  --vt-radius-panel: 0.5rem;
  --vt-control-min-height: 2.75rem;
  --vt-card-padding: 1.5rem;
  --vt-transition: 150ms ease;
  --vt-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 0.12);
}

@media (prefers-reduced-motion: reduce) {
  :root { --vt-transition: 0ms; }
}