/* =========================
   AXIV – Global typography + colors
   - Roboto body, Exo 2 headings
   - Base text min 16px
   - Headings responsive via clamp()
   - Manual overrides via classes
   ========================= */

:root{
  /* Fonts */
  --axiv-body-font: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --axiv-heading-font: "Exo 2", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Blocksy vars override */
  --theme-font-stack-default: var(--axiv-body-font);
  --theme-font-stack-heading: var(--axiv-heading-font);

  /* Colors */
  --axiv-bg: #ffffff;
  --axiv-text: #1a1a1a;

  /* Base text */
  --axiv-text-size: 16px;
  --axiv-line-height: 1.6;

  /* Desktop heading targets */
  --axiv-h1: 40px;
  --axiv-h2: 35px;
  --axiv-h3: 30px;
  --axiv-h4: 25px;
  --axiv-h5: 20px;
  --axiv-h6: 16px;

  --axiv-h-weight: 700;
}

/* Global defaults */
html, body{
  font-family: var(--axiv-body-font) !important;
  font-size: var(--axiv-text-size) !important;
  line-height: var(--axiv-line-height) !important;
  color: var(--axiv-text) !important;
  background: var(--axiv-bg) !important;
}

/* Keep your fixed background behavior (only if you really need it) */
body{ background-attachment: fixed; }

/* Ensure readable base text */
p, li, dt, dd, blockquote, figcaption, label,
.wp-block-paragraph, .entry-content, .ct-content{
  font-family: var(--axiv-body-font) !important;
  font-size: max(var(--axiv-text-size), 1rem) !important;
  line-height: var(--axiv-line-height) !important;
}

button, input, select, textarea{
  font-family: var(--axiv-body-font) !important;
  font-size: max(16px, 1rem) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.ct-title, .entry-title{
  font-family: var(--axiv-heading-font) !important;
  font-weight: var(--axiv-h-weight) !important;
}

h1{ font-size: clamp(28px, 3.2vw, var(--axiv-h1)) !important; line-height: 1.15 !important; }
h2{ font-size: clamp(24px, 2.8vw, var(--axiv-h2)) !important; line-height: 1.18 !important; }
h3{ font-size: clamp(21px, 2.4vw, var(--axiv-h3)) !important; line-height: 1.22 !important; }
h4{ font-size: clamp(19px, 2.0vw, var(--axiv-h4)) !important; line-height: 1.25 !important; }
h5{ font-size: clamp(17px, 1.6vw, var(--axiv-h5)) !important; line-height: 1.28 !important; }
h6{ font-size: clamp(16px, 1.2vw, var(--axiv-h6)) !important; line-height: 1.35 !important; }

/* Buttons */
button, .button, input[type="submit"], input[type="button"], .wp-element-button{
  font-family: var(--axiv-body-font) !important;
  font-size: max(15px, 0.9375rem) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

/* Manual overrides (use as CSS classes) */
.axiv-text-14{ font-size: 14px !important; }
.axiv-text-16{ font-size: 16px !important; }
.axiv-text-18{ font-size: 18px !important; }
.axiv-text-20{ font-size: 20px !important; }

.axiv-h1{ font-size: var(--axiv-h1) !important; }
.axiv-h2{ font-size: var(--axiv-h2) !important; }
.axiv-h3{ font-size: var(--axiv-h3) !important; }
.axiv-h4{ font-size: var(--axiv-h4) !important; }
.axiv-h5{ font-size: var(--axiv-h5) !important; }
.axiv-h6{ font-size: var(--axiv-h6) !important; }

.axiv-smallprint{
  font-size: 14px !important;
  line-height: 1.5 !important;
  opacity: .9;
}