/* ── RiA Vape — design tokens ──
   Bold Gradient DNA per seo-automation/sites/riavape/site-config.md §13.
   Teal-forward palette: #0A9396 primary, #077C7F hover, #0C1B1C deep,
   #F0F8F8 mint-pale surface. Prefix --rv-* to keep fingerprint distinct
   from sister sites (--dvx-*, --fv-*, --rz-*).
   Legacy token names (--rv-rose-*) kept as aliases so we don't have to
   churn every CSS selector — the *values* are what render.
*/
:root {
  --rv-rose:        #0A9396;   /* primary — CTA, accents (teal) */
  --rv-rose-deep:   #077C7F;   /* hover state */
  --rv-rose-dark:   #0C1B1C;   /* dark backdrop */
  --rv-rose-pale:   #F0F8F8;   /* mint-pale surface */
  --rv-text:        #1A2426;   /* body */
  --rv-text-soft:   #5A7A7B;   /* secondary text */
  --rv-line:        rgba(10,147,150,.22);
  --rv-line-strong: rgba(10,147,150,.45);
  --rv-shadow:      0 4px 24px rgba(7, 124, 127, .12);
  --rv-shadow-hover:0 8px 32px rgba(7, 124, 127, .20);

  --rv-font-display: "Poppins", "Playfair Display", Georgia, serif;
  --rv-font-body:    "Roboto", "Lato", -apple-system, system-ui, sans-serif;

  --rv-r-sm:  8px;
  --rv-r-md:  10px;       /* primary radius — buttons, cards, callouts */
  --rv-r-lg:  20px;
  --rv-r-pill: 999px;

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

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