/* ============================================================
   COE Platform base element styles.
   Components style themselves; this only sets sane defaults
   (mirrors the app's index.css: bg-oat-100 text-navy antialiased).
   ============================================================ */

* { box-sizing: border-box; }

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

code, pre {
  font: var(--type-code);
}

::selection {
  background: var(--brand-100);
}

/* Subtle scrollbars for a crisper app feel (index.css) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--oat-300); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--oat-400); }

/* Shared label style: uppercase micro-labels above values */
.dl-label {
  font: var(--type-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--muted);
}