/* HGC Hub - generated from tokens.json. Load before components/bundle.css. */
:root {
  --canvas: #f7f6f3;
  --surface: #ffffff;
  --surface-muted: #f1f0ec;
  --line: #e7e5e0;
  --line-strong: #d6d3cc;
  --line-control: #8c887f;
  --ink: #1c1b19;
  --ink-muted: #5f5c55;
  --ink-placeholder: #6f6b63;
  --primary: #1c1b19;
  --primary-hover: #3a3833;
  --on-primary: #ffffff;
  --brand: #1f6f50;
  --brand-hover: #185a41;
  --focus: var(--brand);
  --success: var(--brand);
  --success-soft: #e7f2ec;
  --success-line: #c9e2d4;
  --danger: #b42318;
  --danger-hover: #951c12;
  --danger-soft: #fdecec;
  --danger-line: #f3c4c0;
  --warn: #8a4b00;
  --warn-soft: #fff4e0;
  --warn-line: #f0d48a;
  --info: #1d4ed8;
  --info-soft: #eaf1fd;
  --info-line: #cddcf8;
  --confirm: #5c4300;
  --confirm-soft: #fbf3db;
  --scrim: rgba(28, 27, 25, 0.32);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-pop: 0 8px 24px rgba(28, 27, 25, 0.10), 0 1px 3px rgba(28, 27, 25, 0.06);
  --shadow-dialog: 0 24px 64px rgba(28, 27, 25, 0.18);
  --control-sm: 32px;
  --control: 40px;
  --control-touch: 44px;
  --control-touch-lg: 48px;
  --topbar-height: 56px;
  --page-max: 1280px;
  --dialog-width: 480px;
  --z-topbar: 80;
  --z-submitbar: 85;
  --z-menu: 90;
  --z-dialog: 100;
  --z-toast: 110;
  --font-sans: "Geist", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Consolas, monospace;
}