/* Strive Jouvert – Brand helpers (used alongside Tailwind CDN loaded in the page) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --brand-orange:#FF6A00;
  --brand-olive:#556B2F;
  --brand-ink:#0B0B0B;
  --brand-fog:#F6F7F8;
}

body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif;
  color:var(--brand-ink);
  background:var(--brand-fog);
}

/* Utility helpers to complement Tailwind */
.text-brand-orange{color:var(--brand-orange);}
.text-brand-olive{color:var(--brand-olive);}
.text-brand-ink{color:var(--brand-ink);}
.bg-brand-orange{background:var(--brand-orange);}
.bg-brand-olive{background:var(--brand-olive);}
.bg-brand-fog{background:var(--brand-fog);}
.border-brand-olive{border-color:var(--brand-olive);}
.shadow-card{box-shadow:0 10px 25px rgba(0,0,0,.08);}
.hover-lift{transition:transform .25s ease, box-shadow .25s ease;}
.hover-lift:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.12);}

.btn-primary{
  background:var(--brand-orange);color:#fff;border-radius:12px;
  padding:10px 16px;font-weight:600;transition:background .25s ease;
}
.btn-primary:hover{background:#ff7e1a;}
.btn-dark{
  background:var(--brand-ink);color:#fff;border-radius:12px;
  padding:10px 16px;font-weight:600;
}
.btn-dark:hover{background:#000;}