/* ============================================================
   FAITH-SCALE BRAND SKIN  →  hosted at faithscaleframework.com/brand.css
   Referenced from each Systeme page's HEADER CODE with:
   <link rel="stylesheet" href="https://faithscaleframework.com/brand.css">
   Edit here once; every linked page updates automatically.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Oswald:wght@400;500;600;700&display=swap');

:root{
  --orange:#ff623f;
  --orange-dark:#e03f1f;
  --orange-light:#ff7151;
  --ink:#1C1A15;
  --gold:#FFD700;
}

/* ---- Base type ---- */
body, p, li, span, div, label, input, textarea, select, a{
  font-family:'Montserrat', sans-serif !important;
}
body{ color:#111827; }

/* ---- Headings: heavy, uppercase — the FSF signature ---- */
h1, h2, h3, h4{
  font-family:'Montserrat', sans-serif !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:-0.5px;
  line-height:1.15;
  color:#0a0a0a;
}

/* ---- Links ---- */
a{ color:var(--orange); }

/* ---- Buttons: broad net across builder button classes.
        If the order button doesn't change, grab its real class
        (right-click > Inspect) and we tighten this selector. ---- */
button,
input[type="submit"],
.btn,
a[class*="button" i],
[class*="btn" i]{
  background:linear-gradient(180deg,#ff7151 0%,#ff5231 100%) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:0.5px !important;
  border:1px solid var(--orange-dark) !important;
  border-radius:12px !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.3),
             inset 0 -3px 0 rgba(0,0,0,.15),
             0 10px 20px -5px rgba(255,98,63,.5) !important;
}