/* design_tokens.css — Direction A (Focus)
   Brand palette, radii, shadow, layout dimensions, and base typography.
   Ported from the prototype's :root block in docs/techstation-mockup-v1/screens/app.css.
   This is the only place colours/dimensions are defined; everything else references the vars. */
:root {
  --paper: #f4f3ee;
  --ink: #16170f;
  --brand-navy: #004c91;
  --muted: #595950;
  --line: #dedcd0;
  --card: #fbfaf6;
  --clay: #f57030;
  --clay-deep: #d9551c;
  --clay-soft: #fde2d2;
  --ok: #3f6f44;
  --ok-soft: #e1efdf;
  --warn: #9a5a2c;
  --red: #b23a2e;
  --radius: 18px;
  --shadow: 0 1px 2px rgba(20, 23, 15, .04), 0 10px 26px -20px rgba(20, 23, 15, .30);
  --nav-w: 248px;
  --tabbar-h: 64px;
  --mtop-h: 54px;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
}

body {
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  background: var(--paper);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

.mono {
  font-family: "JetBrains Mono", monospace;
}

a {
  color: inherit;
  text-decoration: none;
}