/* brand.css — Domora customer brand system (decision D-028).
   Warm monochrome; the product is the color; bronze is a thread, never a fill.
   Vendored + webfont-free (offline + CSP safe). Namespaced `ml-` to sit
   alongside Tailwind without collisions. */
:root{
  --ml-ink:#17150F; --ml-ink-2:#332F26; --ml-body:#4B473C; --ml-faint:#8C8577;
  --ml-bone:#FBFAF6; --ml-sand:#EBE6DA; --ml-hair:#E0DACC;
  --ml-bronze:#A9743F; --ml-bronze-2:#8A5E31;
  --ml-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --ml-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ml-mono:"SF Mono","Cascadia Code","Roboto Mono",Consolas,"Liberation Mono",monospace;
}
.ml-shell{min-height:100vh;display:flex;flex-direction:column;
  background:var(--ml-bone);color:var(--ml-body);font-family:var(--ml-sans)}
.ml-nav{display:flex;align-items:center;justify-content:space-between;height:64px;
  padding:0 clamp(20px,4vw,40px);border-bottom:1px solid var(--ml-hair);background:var(--ml-bone)}
.ml-wordmark{font-family:var(--ml-serif);font-size:20px;font-weight:600;
  color:var(--ml-ink);letter-spacing:-.01em;text-decoration:none}
.ml-wordmark .dot{color:var(--ml-bronze)}
.ml-main{flex:1;width:100%;max-width:1040px;margin:0 auto;
  padding:clamp(24px,4vw,48px) clamp(20px,4vw,40px)}
.ml-footer{border-top:1px solid var(--ml-hair);padding:26px clamp(20px,4vw,40px);
  color:var(--ml-faint);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ml-footer a{color:var(--ml-ink-2);text-decoration:none}
.ml-footer a:hover{color:var(--ml-bronze-2)}
.ml-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ml-sans);
  font-size:15px;font-weight:500;padding:12px 22px;border-radius:9px;border:1px solid transparent;
  cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease,color .15s ease}
.ml-btn-primary{background:var(--ml-ink);color:var(--ml-bone)}
.ml-btn-primary:hover{background:#000;transform:translateY(-1px)}
.ml-btn-secondary{background:transparent;color:var(--ml-ink);border-color:var(--ml-ink)}
.ml-btn-secondary:hover{background:var(--ml-ink);color:var(--ml-bone)}
.ml-card{background:#fff;border:1px solid var(--ml-hair);border-radius:14px;padding:24px}
.ml-h{font-family:var(--ml-serif);color:var(--ml-ink);font-weight:600;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){.ml-btn{transition:none}}