/*
 * FTToken brand token overlay — Archivo + JetBrains Mono, Design palette.
 */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap");

:root {
  --font-sans: "Archivo", "Montserrat", "Avenir Next", "Segoe UI", sans-serif;
  --font-display: "Archivo", "Syne", "Montserrat", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --color-bg: #fafafa;
  --color-surface: #fafafa;
  --color-text-strong: #0d263d;
  --color-text-on-bg: #0d263d;
  --color-nav: #0d263d;
  --color-primary-highlight: #e8ba00;
  --color-primary-soft: #fce8c2;
  --color-accent: #78b8c2;
  --color-text-on-nav: #fafafa;
  --color-text-on-nav-muted: #c9d3dc;

  /* Design extras (skins may use directly) */
  --color-text-body: #3b4a57;
  --color-text-meta: #5d6b78;
  --color-accent-ink: #8a6b00;
  --color-border-light: rgb(13 38 61 / 0.18);
  --color-border-on-navy: rgb(250 250 250 / 0.2);

  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 800;
}