/* ===== TOKENS ===== */
/* ==========================================================
   TOKENIZED TYPOGRAPHY BASELINE (DIVI-SAFE, SITE-WIDE)
   Goal: tags "just work" + no per-module styling.
   Method: semantic defaults + targeted overrides for Divi output.
   ========================================================== */

:root{
  --bg: #FAFAFA;
  --c-text:#524E4E;
  --c-head:#141414;
  --c-rule:#D6D4D0;

  --font-sans: 'Basetica', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif:'Merriweather', serif;

  --h1:72px; --h2:48px; --h3:36px; --h4:28px; --h5:24px; --h6:22px;
  --lh-head:1.2;

  --p:18px;
  --lh-p:28px;

  --common-orange: #F36C21; /* Vituity brand orange */
}

/* Mobile token swap */
@media (max-width:768px){
  :root{
    --h1:40px; --h2:40px; --h3:28px; --h4:24px; --h5:20px; --h6:16px;
    --p:16px;
  }
  p, li{ line-height: 28px; }
}