/* Matier — six points. Shared visual identity; semantic status colors stay in product styles. */
:root{--brand-ink:#111;--brand-muted:#626262;--brand-line:#e5e5e5;--brand-surface:#fafafa;--brand-font:"Segoe UI",Arial,sans-serif}
.brand{font-family:var(--brand-font);font-weight:700;letter-spacing:-1.1px;text-transform:lowercase;color:var(--brand-ink)}
.brand .brand-mark{display:inline-block;position:static;flex:none;width:25px;height:38px;margin:0 12px 0 0;border:0;border-radius:0;background:transparent url("./matier-symbol.svg") center/contain no-repeat;color:transparent;font-size:0;line-height:0;overflow:hidden}
.brand .brand-mark::before,.brand .brand-mark::after{content:none}
.brand-dot{display:none}
.brand{gap:0}
:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}
::selection{background:#dedede;color:#111}