/* ── Digiflavor Vape — design tokens ──
   "Tech Purple" DNA per seo-automation/sites/digiflavor/site-config.md §17+§238.
   Prefix --df-* to keep fingerprint distinct from sister sites
   (--dvx-*, --fv-*, --rz-*, --pt-*).
*/
:root {
  --df-purple:       #8E43F0;   /* primary — CTA, accents */
  --df-purple-deep:  #6300E2;   /* hover state */
  --df-purple-dark:  #150E1F;   /* dark backdrop */
  --df-purple-pale:  #F3ECFE;   /* info-callout surface */
  --df-zebra:        #F9F5FF;   /* table-row alt */
  --df-bg-soft:      #F9F9F9;   /* card backgrounds */
  --df-text:         #222222;   /* body */
  --df-text-soft:    #6A5E7A;   /* secondary text */
  --df-line:         rgba(142, 67, 240, .22);
  --df-line-strong:  rgba(142, 67, 240, .45);
  --df-shadow:       0 4px 24px rgba(99, 0, 226, .10);
  --df-shadow-hover: 0 8px 32px rgba(99, 0, 226, .18);

  /* Aliases for token compatibility with template (rose → purple semantic rename) */
  --df-rose:         #8E43F0;
  --df-rose-deep:    #6300E2;
  --df-rose-dark:    #150E1F;
  --df-rose-pale:    #F3ECFE;

  --df-font-display: "Vollkorn", Georgia, serif;
  --df-font-body:    "Open Sans", -apple-system, system-ui, sans-serif;
  --df-font-nav:     "Oswald", "Open Sans", sans-serif;

  --df-r-sm:  8px;
  --df-r-md:  14px;
  --df-r-lg:  20px;
  --df-r-pill: 999px;

  --df-container: 1180px;
  --df-pad-x: 28px;
}

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