/* ============================================================
 * Bantay design system — the LIVE published tokens.
 * This file is the single source of truth every tool links:
 *     <link rel="stylesheet" href="/_shared/tokens.css">
 *
 * It is the OUTPUT of the style-guide tool. To update it, open the
 * guide, use the Publish tab, and paste its blocks here + into
 * _shared/tokens/bantay.json.
 *
 * The @import loads the brand web font so it renders on every tool
 * (not just the style-guide). Update it when the brand font changes.
 * ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Bitter:wght@400..900&display=swap");

:root {
  --bantay-ink: #142026;
  --bantay-muted: #61717d;
  --bantay-background: #f5f7f8;
  --bantay-surface: #ffffff;
  --bantay-primary: #0f766e;
  --bantay-accent: #1e1c1a;

  --bantay-radius: 5px;
  --bantay-spacing: 10px;

  --bantay-body-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --bantay-display-font: Bitter, Georgia, "Times New Roman", serif;
  --bantay-base-size: 13px;
  --bantay-line-height: 1.55;
  --bantay-headline-weight: 500;
  --bantay-headline-scale: 1.39;
}