/* Shared BX Hosting design tokens — keep in sync with templates/bxh/css/bxh-tokens.css */

@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");

:root {
  --bxh-bg: #333536;
  --bxh-bg-elevated: #3c3e40;
  --bxh-bg-deep: #2a2c2e;
  --bxh-text: #dbdbdb;
  --bxh-text-muted: #a8abad;
  --bxh-heading: #f3f3f3;
  --bxh-accent: #5c5f63;
  --bxh-accent-hover: #72767a;
  --bxh-border: #5c5f63;
  --bxh-copper: #c4785a;
  --bxh-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --bxh-font-body: "Figtree", "Segoe UI", Tahoma, sans-serif;
  --bxh-max: 1120px;
  --bxh-radius: 14px;
}