/* VapoCept design tokens
   Read off the bottle: white cap and body, deep navy circuit-brain, warm
   orange core glow. White carries the page; navy is structure, orange accent. */
:root{
  --vcp-navy:#1b2a5e;
  --vcp-navy-deep:#111c40;
  --vcp-navy-soft:#2e4288;

  --vcp-amber:#e8622a;
  --vcp-amber-lift:#ff7c45;
  --vcp-amber-deep:#b44415;
  --vcp-amber-wash:#fff4ef;
  --vcp-amber-line:#f7d7c7;

  --vcp-ink:#131722;
  --vcp-ink-2:#474f61;
  --vcp-ink-3:#767d8c;

  --vcp-paper:#ffffff;
  --vcp-mist:#f6f8fb;
  --vcp-line:#e3e7ef;

  --vcp-r:9px;
  --vcp-r-lg:18px;
  --vcp-pill:999px;

  --vcp-lift:0 1px 2px rgba(19,23,34,.05), 0 10px 26px rgba(19,23,34,.07);
  --vcp-lift-2:0 6px 14px rgba(19,23,34,.08), 0 26px 56px rgba(27,42,94,.14);
  --vcp-ring:0 0 0 3px rgba(232,98,42,.45);

  --vcp-display:'Space Grotesk',system-ui,sans-serif;
  --vcp-body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;

  --vcp-pad:clamp(16px,4vw,38px);
  --vcp-band:clamp(50px,7vw,94px);
  --vcp-safe-b:env(safe-area-inset-bottom,0px);
  --vcp-safe-l:env(safe-area-inset-left,0px);
  --vcp-safe-r:env(safe-area-inset-right,0px);
}