/* Web roles from design/core/theme.css. Warm monochrome and antique brass. */
:root {
  --bm-iron: #1a1611;
  --bm-ink-2: #322a20;
  --bm-muted: #6e6252;
  --bm-ivory: #f3eee4;
  --bm-ivory-2: #e7e0d0;
  --bm-brass: #c79a4e;
  --bm-brass-deep: #8a6428;
  --bm-brass-hi: #dfb877;
  --bm-good: #5b7a4e;
  --bm-good-ink: #46603c;
  --bm-warn-ink: #7a3428;
  --bm-caution-ink: #7a5214;
  --bm-pending-ink: #3e4954;
  --bm-bg: var(--bm-ivory);
  --bm-surface: #fbf8f1;
  --bm-raised: #ede6d8;
  --bm-field: #fff;
  --bm-border: rgba(26, 22, 17, 0.14);
  --bm-border-strong: rgba(26, 22, 17, 0.28);
  --bm-control-border: rgba(26, 22, 17, 0.54);
  --bm-text: var(--bm-iron);
  --bm-text-soft: rgba(26, 22, 17, 0.62);
  --bm-inverse: var(--bm-iron);
  --bm-on-inverse: var(--bm-ivory);
  --bm-accent: var(--bm-brass);
  --bm-accent-ink: var(--bm-brass-deep);
  --bm-on-accent: #211708;
  --bm-wash-accent: color-mix(in srgb, var(--bm-accent) 12%, var(--bm-surface));
  --bm-focus: var(--bm-brass-deep);
  --bm-focus-ring: color-mix(in srgb, var(--bm-focus) 34%, transparent);
  --bm-font-display: 'Archivo', system-ui, sans-serif;
  --bm-font-word: 'Space Grotesk', system-ui, sans-serif;
  --bm-font-body: 'Hanken Grotesk', system-ui, sans-serif;
  --bm-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --bm-radius-md: 8px;
  --bm-radius-lg: 12px;
  --bm-radius-pill: 999px;
  --bm-shadow-sm: 0 2px 8px -2px rgba(26, 22, 17, 0.12);
}