/* ── Off Stamp Vape — design tokens ──
   Bold Industrial DNA per seo-automation/sites/offstamp/site-config.md §12.
   Prefix --os-* keeps fingerprint distinct from sister sites (--pt-*, --rz-*, --fv-*).
*/
:root {
  --os-red:         #DD183B;   /* primary — CTA, accents, brand red */
  --os-red-deep:    #CC1939;   /* hover state */
  --os-navy:        #0F172A;   /* deep navy — header dark backdrop, dark sections */
  --os-navy-soft:   #1A1F33;   /* secondary dark surface */
  --os-peach:       #FFEDE6;   /* warm cream surface */
  --os-text:        #222222;   /* body */
  --os-text-soft:   #555555;   /* secondary text */
  --os-line:        rgba(221, 24, 59, .18);
  --os-line-strong: rgba(15, 23, 42, .25);
  --os-shadow:      0 4px 24px rgba(15, 23, 42, .12);
  --os-shadow-hover:0 8px 32px rgba(221, 24, 59, .22);

  --os-font-display: "Inter", "Oswald", -apple-system, system-ui, sans-serif;
  --os-font-body:    "Poppins", "Lato", -apple-system, system-ui, sans-serif;

  --os-r-sm:  6px;
  --os-r-md:  10px;
  --os-r-lg:  16px;
  --os-r-pill: 999px;

  --os-container: 1200px;
  --os-pad-x: 28px;
}

@media (max-width: 640px) {
  :root { --os-pad-x: 18px; }
}