/* SIGNAL · graphite ground, bone text, one amber signal. */
@font-face {
  font-family: "Archivo"; font-style: normal; font-weight: 400 700; font-stretch: 62% 125%; font-display: swap;
  src: url("/static/fonts/archivo/archivo-normal-400-700.woff2") format("woff2");
}
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/plex-mono/plex-mono-normal-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/plex-mono/plex-mono-normal-500.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/plex-mono/plex-mono-normal-600.woff2") format("woff2"); }
:root {
  color-scheme: dark; --ground: #1c1d1f; --text: #ece9e1; --text-soft: #b8b5ac;
  --muted: #a9a69d; --rule: #33343a; --plate: #232427; --panel: #232427;
  --track: #3a3b3e; --accent: #f2b705;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-wordmark: var(--font-display); --font-text: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-label: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius-button: 6px; --radius-bubble: 10px; --radius-thumb: 6px; --radius-panel: 10px;
  --button-border: #4a4b4f; --button-hover: #2a2b2f; --button-primary-bg: #f2b705;
  --button-primary-text: #1c1d1f; --button-primary-hover: #ffc61a; --user-bubble: #2a2b2f;
  --reply-bubble: #232427; --dialog-backdrop: rgba(0, 0, 0, 0.4);
}
body { font-variation-settings: "wdth" 100; }
.wordmark { font-size: 16px; font-weight: 600; letter-spacing: 0.02em; font-variation-settings: "wdth" 112; }
.hero__title { max-width: 11ch; font-weight: 700; letter-spacing: -0.02em; font-variation-settings: "wdth" 118; }
.hero__title b { color: var(--accent); font-weight: 700; }
.section__title { font-weight: 600; font-variation-settings: "wdth" 112; }
.channel__name { font-family: var(--font-text); font-size: 1.25rem; font-weight: 600; font-variation-settings: "wdth" 108; }
.button { border-width: 1px; font-variation-settings: "wdth" 105; }
.button--primary { font-variation-settings: "wdth" 108; }
.exchange__reply { font-size: 13.5px; line-height: 1.6; }
.exchange__user--text { font-family: var(--font-text); }
.review--featured blockquote { font-variation-settings: "wdth" 108; }
.ticket__name { font-variation-settings: "wdth" 110; }
@media (min-width: 820px) { .hero__title { max-width: 11ch; } }