/* Tongeman branding — palette and fonts from the brand guide.
   Square corners (--radius: 0) are deliberate: the guide explicitly avoids
   rounded rectangles / pills / "SaaS UI" styling in favour of an editorial look. */

:root {
  --color-bg: #f1ede6;       /* warm cream */
  --color-bg-alt: #f9f7f3;   /* pale cream */
  --color-text: #211f1c;     /* near black */
  --color-muted: #57534c;    /* warm grey */
  --color-rule: #b3ada3;     /* pale grey */
  --color-accent: #155e68;   /* teal */
  --color-accent-2: #b0451c; /* rust */

  --color-low: #b0451c;      /* rust, doubles as "needs attention" */
  --color-medium: #c68a3f;   /* muted amber — no official brand hex */
  --color-high: #155e68;     /* teal, doubles as "strong" */

  --font-display: "Archivo", sans-serif;
  --font-body: "Archivo", sans-serif;
  --radius: 0px;
}

.btn-primary {
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0.01em;
}