/* M3ta Logistics tokens — generated by build_registry.py. Load: <link rel=stylesheet href=/brand-system/m3ta-logistics/tokens.css> then data-brand="m3ta-logistics" */
[data-brand="m3ta-logistics"],:root.m3ta-logistics{
 --c-bg:#FFFFFF;
 --c-bg-elevated:#F3F7F8;
 --c-text:#0E1B22;
 --c-text-muted:#4F5F68;
 --c-teal:#0F8B8D;
 --c-teal-deep:#0A6566;
 --c-signal:#18B26B;
 --c-alert:#C62828;
 --c-line:#D9E3E6;
 --role-surface:var(--c-bg);
 --role-text:var(--c-text);
 --role-accent:var(--c-teal-deep);
 --role-status-ok:var(--c-signal);
 --r-sm:6px;--r-md:12px;--r-lg:20px;
}

/* === MODES (light+dark semantic layer, appended by build_modes.py) === */
/* M3ta Logistics — light/dark semantic modes (PROPOSED draft 2026-10-22, generated by brand-system/build_modes.py).
   Default: light. Use <html data-brand="m3ta-logistics"> ; force with data-theme="light|dark"; otherwise follows prefers-color-scheme. */
[data-brand="m3ta-logistics"],:root.m3ta-logistics{
 --s-bg:#FFFFFF;
 --s-surface:#F3F7F8;
 --s-line:#D9E3E6;
 --s-text:#0E1B22;
 --s-text-muted:#4F5F68;
 --s-accent:#0A6566;
 --s-accent-fill:#0A6566;
 --s-on-accent:#FFFFFF;
 --s-link:#0A6566;
 --s-alert:#C62828;
 color-scheme:light;
}
[data-brand="m3ta-logistics"][data-theme="dark"],[data-brand="m3ta-logistics"][data-mode="dark"]{
 --s-bg:#0A1418;
 --s-surface:#12222A;
 --s-line:#23383F;
 --s-text:#E8F2F3;
 --s-text-muted:#9DB2B8;
 --s-accent:#3CC7C4;
 --s-accent-fill:#2FB5B2;
 --s-on-accent:#06181A;
 --s-link:#6FDCD8;
 --s-alert:#FF6B6B;
 color-scheme:dark;
}
@media (prefers-color-scheme:dark){[data-brand="m3ta-logistics"]:not([data-theme="light"]):not([data-mode="light"]){
 --s-bg:#0A1418;
 --s-surface:#12222A;
 --s-line:#23383F;
 --s-text:#E8F2F3;
 --s-text-muted:#9DB2B8;
 --s-accent:#3CC7C4;
 --s-accent-fill:#2FB5B2;
 --s-on-accent:#06181A;
 --s-link:#6FDCD8;
 --s-alert:#FF6B6B;
 color-scheme:dark;
}}