/* ============================================================
   CloudX WMS — Base layer
   Sensible element defaults so cards & kits inherit the brand
   typeface and color without per-file boilerplate.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font: var(--type-body);
  color: var(--text-primary);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Utility text roles */
.wms-page-title    { font: var(--type-page-title);    color: var(--text-primary); margin: 0; }
.wms-section-title { font: var(--type-section-title); color: var(--text-primary); margin: 0; }
.wms-card-title    { font: var(--type-card-title);    color: var(--text-primary); margin: 0; }
.wms-body          { font: var(--type-body);          color: var(--text-primary); }
.wms-meta          { font: var(--type-meta);          color: var(--text-secondary); }
.wms-label         { font: var(--type-label);         color: var(--text-secondary); }
.wms-overline      { font: var(--type-overline);      color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.04em; }