/* Brand tokens from branding/brand-tokens.md. --magic is defined but must never be applied. */
:root {
  --miami: #00a2c8;
  --sunrise: #f6b40e;
  --rolex: #7184a6;
  --matt: #5698a4;
  --magic: #58328c;
  --silver: #949494;

  --bg: #f4f6fa;
  --bg2: #eaecf2;
  --bg3: #ffffff;
  --text: #111826;
  --muted: #5a647a;

  /* Derived, not brand tokens. See README "Brand decisions for Matteen". */
  --line: #d9dee8;
  --miami-ink: #00738f;
  --sunrise-ink: #8a6200;
  --miami-wash: #e0f4f8;
  --sunrise-wash: #fdf2d4;
  --on-accent: #ffffff;
  --button: var(--miami-ink);
  --button-quiet: var(--muted);
  --shadow: 0 1px 2px rgba(17, 24, 38, .05), 0 8px 24px rgba(17, 24, 38, .06);

  --head: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  color-scheme: light;
}