@import url('../colors_and_type.css');

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-1);
  color: var(--fg-1);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  padding: 24px;
  box-sizing: border-box;
}
* { box-sizing: border-box; }

.row { display: flex; align-items: center; gap: 16px; }
.col { display: flex; flex-direction: column; gap: 12px; }
.grid { display: grid; gap: 12px; }
.mono { font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); }
.label { font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-3); }