/* Ketzal design system — type + color tokens.
   Source: group.html (ketzalgroup.com). Load this on every public page. */

@import url("https://fonts.cdnfonts.com/css/d-din");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  --font-display: "D-DIN Condensed", "D-DIN", Arial, sans-serif;
  --font-body: "D-DIN", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --ink: #e6e2d6;
  --ink-dim: #b7b2a4;
  --ink-mute: #8a8678;
  --brass: #c4a35a;
  --bg: #000;
  --line: #1a1814;
}

html { -webkit-font-smoothing: antialiased; }

body {
  font-family: var(--font-body);
  color: var(--ink);
}

h1, h2, h3, h4,
.font-display,
.section-header {
  font-family: var(--font-display);
  letter-spacing: -0.04em;
}

.font-mono,
.kicker,
nav,
footer {
  font-family: var(--font-mono);
}