/* The gothyme.com look (brand guide, 20 Oct 2026) for every page of the partner app:
   sign-in, every partner screen, the admin side, and the client cart and shop pages,
   join, Terms and the retail addendum (Andrew, 2 Nov). Each page keeps its own <style>
   and loads this file after it, with class "brand" on <body>, so these rules outrank
   the older single-class rules. Colors are the brand ones; Fraunces is for headings,
   product names and large numbers, Montserrat for everything else. */
body.brand { --navy:#2C3D61; --olive:#5E6648; --bg:#F7F4EE; --line:#DCD3C2; --text:#3F4A5E; --muted:#4A5468;
               color:var(--text); font:300 15px/1.55 Montserrat, system-ui, sans-serif; }
body.brand main h1 { font:300 26px/1.2 Fraunces, Georgia, serif; letter-spacing:0; }
body.brand .qr-h { font:300 22px/1.3 Fraunces, Georgia, serif; }
body.brand.app h2, body.brand .label, body.brand .kpi > span { font:500 10px/1.2 Montserrat, sans-serif; letter-spacing:.2em; color:var(--olive); }
/* A warning heading keeps its red: Don't say in the Library. */
body.brand.app h2.dont { color:var(--red); }
body.brand .chip, body.brand .pill, body.brand .tag { font-family:Montserrat, sans-serif; font-weight:500; }
body.brand .btn { font:500 11px Montserrat, sans-serif; letter-spacing:.18em; border-radius:0; }
body.brand .btn.ghost { background:none; }
body.brand .card, body.brand .panel, body.brand .kpi { background:#FBF9F5; border-color:#D9CFBF; border-radius:0; }
body.brand input, body.brand select, body.brand textarea { font-family:Montserrat, sans-serif; background:#FBF9F5; border-color:#D9CFBF; border-radius:0; }
body.brand .agree input { background:none; }
body.brand .link, body.brand .back, body.brand .linkbtn, body.brand .shoplink, body.brand .sw-text,
body.brand .sw button, body.brand .chips button, body.brand main label:not(.agree) { font-family:Montserrat, sans-serif; font-weight:500; }
body.brand .chips button, body.brand .sw button { border-radius:0; background:#FBF9F5; }
body.brand .chips button[aria-pressed="true"], body.brand .sw button[aria-pressed="true"] { background:var(--navy); }
body.brand .sw[aria-checked="true"] { background:#EFE8DC; }
body.brand .n, body.brand .tot3 b, body.brand .kpi b { font-family:Fraunces, Georgia, serif; font-weight:400; }
body.brand .w9warn { border-radius:0; }
body.brand .morelist a, body.brand .morelist button { font:400 15px Montserrat, sans-serif; }
body.brand .tabs { background:#FBF9F5; }
body.brand .tabs a { font-family:Montserrat, sans-serif; font-weight:500; }
body.brand footer { color:var(--muted); }
/* Many older rules name Inter outright, so every element in the main column takes
   Montserrat, and the serif pieces are set back to Fraunces after it. Montserrat is loaded at 300,
   400 and 500 only, so bold text uses 500 rather than a synthesized bold. */
body.brand main *, body.brand .tabs *, body.brand .st-card a, body.brand .st-card .none, body.brand .study .skind { font-family:Montserrat, system-ui, sans-serif; }
body.brand main b, body.brand main strong, body.brand main summary { font-weight:500; }
body.brand main h1, body.brand .qr-h, body.brand .n, body.brand .tot3 b, body.brand .kpi b,
body.brand .rt-h, body.brand .rt-seg button b, body.brand .rt-tile b, body.brand .rt-card b,
body.brand .rt-rdy b, body.brand .sheet-h, body.brand .qrinline .h { font-family:Fraunces, Georgia, serif; }
body.brand .study .stitle, body.brand .study .sprompt { font-family:Fraunces, Georgia, serif; font-weight:400; }
body.brand .study .skind { font-weight:500; }
/* The standalone pages: section headings and product names in Fraunces, square controls. */
body.brand:not(.app) main h2 { font:400 21px/1.3 Fraunces, Georgia, serif; color:var(--navy); }
body.brand:not(.app) main h3 { font:500 12px/1.4 Montserrat, sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--olive); }
body.brand:not(.app) .tile b { font:400 16px/1.3 Fraunces, Georgia, serif; }
body.brand:not(.app) .tile, body.brand:not(.app) .tile img, body.brand:not(.app) .add, body.brand:not(.app) .step, body.brand:not(.app) .bagbtn { border-radius:0; }
body.brand:not(.app) .tile, body.brand:not(.app) .add, body.brand:not(.app) .step, body.brand:not(.app) .bagbtn { background:#FBF9F5; }
/* The app's Home tiles: square corners; the navy one stays navy. */
body.brand.app .tile { border-radius:0; }
body.brand.app .tile.ghost { background:#FBF9F5; }
/* Quantity buttons (− and +) on New cart, Sell and the client shop page: Safari on iPhone gives a
   button its own look and inner padding unless told not to, which can push the sign off centre.
   Turn that off and centre the sign in the box, so Safari draws them as Chrome does (Andrew, 2 Nov). */
body.brand .step, body.brand .rt-step button { -webkit-appearance:none; appearance:none; padding:0; margin:0;
  display:inline-flex; align-items:center; justify-content:center; line-height:1; }