/* ============================================================
   Velocity Web — Design Tokens (homepage redesign)
   Framework-agnostic CSS custom properties.
   Used only by home.css / index.html — does not affect other pages.
   ============================================================ */
:root {
  /* Color */
  --vw-paper:        #F3F1EA; /* page background (warm bone) */
  --vw-panel-light:  #FBFAF6; /* inset cards, result panels */
  --vw-plate:        #ECE9E1; /* image / illustration cells */
  --vw-ink:          #141414; /* primary text, dark panels, buttons */
  --vw-ink-well:     #20201C; /* image well inside dark CTA panel */
  --vw-accent:       #FF4A17; /* the single accent — vermilion */
  --vw-body:         #3A382F; /* paragraph copy on paper */
  --vw-muted:        #726E66; /* mono labels, meta, captions */
  --vw-footer-body:  #B5B1A6; /* body text on dark footer */
  --vw-footer-muted: #8A857C; /* footer sub-labels, form placeholders */

  --vw-hairline:      rgba(20,20,20,0.14); /* dividers, list rules */
  --vw-border:        rgba(20,20,20,0.16); /* card / grid borders */
  --vw-hairline-dark: rgba(255,255,255,0.14);
  --vw-underline:     rgba(255,255,255,0.28); /* form field bottom border */

  /* Type */
  --vw-font-display: 'Archivo', system-ui, sans-serif;
  --vw-font-mono:    'Space Mono', ui-monospace, monospace;

  /* Layout */
  --vw-maxw:    1360px;
  --vw-gutter:  40px;
  --vw-section: 110px; /* vertical rhythm between sections */
  --vw-nav-h:   66px;

  /* Motion */
  --vw-ease:        cubic-bezier(.16, 1, .3, 1);
  --vw-reveal-dur:  .9s;
  --vw-hover-fast:  .25s;
  --vw-hover-btn:   .3s;
  --vw-img-fade:    .6s;

  /* No radius, no shadows anywhere — Swiss/minimal. */
  --vw-radius: 0px;
}