/* ══════════════════════════════════════════════════════════
SALECOLOGY AI — BRIDGE STYLESHEET
Brings the older Tailwind-built pages (training, workshops,
sector pages) onto the new art direction WITHOUT rewriting
their markup.
Load order matters. In each page's , after tailwind.css:
FONTS: currently Figtree, standing in for Museo Sans.
To switch, add your Adobe Fonts and change --sans below.
══════════════════════════════════════════════════════════ */
:root{
--sans:'Figtree',system-ui,-apple-system,sans-serif;
--mono:'IBM Plex Mono',ui-monospace,monospace;
--magenta:#D50058;
--navy:#001E61;
--muted:#6B7A94;
}
/* ---- Typography: the main visual shift ---- */
body{
font-family:var(--sans) !important;
letter-spacing:-.006em;
font-size:16px;
}
h1,h2,h3,h4,h5,
.font-display{
font-family:var(--sans) !important;
font-weight:800 !important;
letter-spacing:-.028em !important;
}
h1,.font-display.text-4xl,.font-display.text-5xl,.font-display.text-6xl{letter-spacing:-.034em !important;line-height:1.05 !important}
h2{line-height:1.08 !important}
/* Magenta emphasis, matched to the new pages */
.tagline-em{
font-family:var(--sans) !important;
font-weight:800 !important;
font-style:normal !important;
color:var(--magenta) !important;
letter-spacing:-.028em !important;
}
/* Eyebrows become mono, as on the new pages */
.section-label{
font-family:var(--mono) !important;
font-size:.72rem !important;
font-weight:500 !important;
letter-spacing:.11em !important;
text-transform:uppercase !important;
}
/* Buttons: match the new radius and weight */
.btn-primary,.btn-secondary{
font-family:var(--sans) !important;
font-weight:700 !important;
border-radius:10px !important;
letter-spacing:-.01em !important;
padding:14px 24px !important;
}
.btn-primary{box-shadow:0 1px 2px rgba(0,30,97,.08),0 10px 24px -12px rgba(213,0,88,.55)}
/* Cards: softer, matched borders */
.card{border-radius:16px !important;border-color:rgba(0,30,97,.13) !important}
/* Logo lockup: keep Fredoka out, use the new wordmark treatment */
.logo-mark{
font-family:var(--sans) !important;
font-weight:800 !important;
letter-spacing:-.035em !important;
}
.logo-ai{font-family:var(--sans) !important;font-weight:700 !important;border-radius:5px !important}
/* ---- Offer bar, matching the new pages ---- */
.offerbar{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.offerbar .inner{max-width:1180px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;
justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.offerbar p{color:#DCE6F7;font-size:.92rem;margin:0;font-family:var(--sans)}
.offerbar b{color:#fff}
.offerbar a{font-weight:700;font-size:.92rem;color:#fff;border-bottom:2px solid var(--magenta);
padding-bottom:1px;white-space:nowrap;text-decoration:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}