/* Mozul brand (BRAND.md, 2026-10-21). Loaded last on every platform page: brand tokens, the Outfit font, logos. */
@font-face{font-family:"Outfit";src:url("fonts/Outfit-Variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --mozul-violet:#7C3AED; --mozul-cyan:#22D3EE; --mozul-blue:#3B82F6;
  --mozul-ink:#334155; --mozul-dark:#0F172A; --mozul-muted:#64748B; --mozul-surface:#F1F5F9;
  --mozul-gradient:linear-gradient(135deg,#7C3AED 0%,#22D3EE 100%);
  --font-sans:'Outfit',ui-sans-serif,system-ui,sans-serif;
  /* Older theme variables, pointed at the Mozul palette */
  --font:var(--font-sans);--navy:var(--mozul-violet);--blue:var(--mozul-violet);--blue2:var(--mozul-blue);--deep:var(--mozul-dark);--navy2:var(--mozul-dark);
  --lime:var(--mozul-cyan);--lime-ink:var(--mozul-dark);--gold:var(--mozul-cyan);--ink:var(--mozul-dark);--muted:var(--mozul-muted);--bg:var(--mozul-surface);
  --c-blue:var(--mozul-blue);--c-violet:var(--mozul-violet);--c-cyan:#0891B2;
}
body,body.top-nav,.site-home,.form-page,.olympus-page{font-family:var(--font-sans)}
.site-home,.form-page{line-height:1.6}
button,input,select,textarea{font-family:inherit}

/* Logos (never stretched: fixed height, auto width). Clear space comes from padding. */
.mozul-logo{display:block;height:auto;max-width:100%}
.mozul-logo.horizontal{height:34px;width:auto;min-width:100px}
.mozul-logo.mark{height:30px;width:auto;min-width:20px}
.mozul-logo.stacked{width:240px;min-width:160px}
a.mozul-brand-link{display:inline-flex;align-items:center;padding:4px;text-decoration:none}

/* Tagline: 400 weight, slate-500, letter-spacing 0.08em */
.mozul-tagline{font-weight:400;color:var(--mozul-muted);letter-spacing:.08em}

/* Primary buttons and links */
.top-nav .btn.primary,.h-btn:not(.glass):not(.lime),.button{background:var(--mozul-gradient);border-color:transparent;color:#fff}
.top-nav .btn.primary:hover,.h-btn:not(.glass):not(.lime):hover,.button:hover{background:linear-gradient(135deg,#7C3AED 0%,#3B82F6 100%)}