@font-face {
  font-family: "Inter";
  src: url("/assets/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100svh;
  background: var(--stara-color-surface-primary);
  color: var(--stara-color-text-primary);
  font: var(--stara-type-body);
  overflow-wrap: anywhere;
}

header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--stara-space-2);
  padding: var(--stara-space-3) var(--stara-space-6);
  border-bottom: var(--stara-border-hairline) solid var(--stara-color-border-subtle);
  background: var(--stara-color-panel);
  font: var(--stara-type-body-strong);
}

header span {
  color: var(--stara-color-text-secondary);
  font: var(--stara-type-supporting);
}

main { padding: var(--stara-space-6); }
h1 { margin: 0; font: var(--stara-type-workspace-title); }
p {
  margin: var(--stara-space-2) 0 0;
  color: var(--stara-color-text-secondary);
}