/* Galebach App Design System: generated from tokens.json. Do not edit by hand. */
:root {
  --page: #f3f5f8;
  --card: #ffffff;
  --line: #e2e6ec;
  --line2: #eef1f5;
  --ink: #111827;
  --ink2: #374151;
  --mute: #6b7280;
  --ghost: #d1d5db;
  --chevron: #9ca3af;
  --blue: #2563eb;
  --blue-d: #1d4ed8;
  --blue-bg: #eff4ff;
  --blue-line: #c7d7fb;
  --blue-press: #dfe8fd;
  --blue-soft: #9db8f5;
  --on-blue: #ffffff;
  --on-blue-mute: #dbe6ff;
  --ok: #15803d;
  --ok-bg: #e9f7ee;
  --gap: #b45309;
  --gap-bg: #fdf3e1;
  --bad: #b91c1c;
  --bad-bg: #fdecec;
  --bad-line: #f1c4c4;
  --mark: #fde68a;
  --scrim: rgba(17, 24, 39, 0.42);
  --shadow-hover: 0 1px 3px rgba(16, 24, 40, 0.08);
  --shadow-popover: 0 10px 30px rgba(16, 24, 40, 0.16);
  --shadow-toast: 0 8px 24px rgba(16, 24, 40, 0.25);
  --shadow-dialog: 0 20px 50px rgba(16, 24, 40, 0.3);
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-24: 24px;
  --space-40: 40px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-7: 7px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-pill: 999px;
  --content-max: 1180px;
  --doc-max: 1100px;
  --settings-max: 860px;
  --dialog-width: 560px;
  --dialog-wide: 860px;
  --popover-width: 260px;
  --chat-width: 400px;
  --bp-phone: 600px;
  --bp-stack: 860px;
  --bp-chat: 1099px;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: light;
}
.display { font-family: var(--font-body); font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.page-title { font-family: var(--font-body); font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.record-title { font-family: var(--font-body); font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.stat-value { font-family: var(--font-body); font-size: 19px; line-height: 1.45; font-weight: 700; letter-spacing: -0.01em; }
.dialog-title { font-family: var(--font-body); font-size: 17px; line-height: 1.45; font-weight: 700; }
.heading { font-family: var(--font-body); font-size: 16px; line-height: 1.45; font-weight: 700; letter-spacing: -0.01em; }
.card-title { font-family: var(--font-body); font-size: 15px; line-height: 1.45; font-weight: 700; letter-spacing: -0.01em; }
.body { font-family: var(--font-body); font-size: 14px; line-height: 1.45; font-weight: 400; }
.body-sm { font-family: var(--font-body); font-size: 13px; line-height: 1.45; font-weight: 400; }
.fine { font-family: var(--font-body); font-size: 12.5px; line-height: 1.45; font-weight: 400; }
.micro { font-family: var(--font-body); font-size: 12px; line-height: 1.45; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 11.5px; line-height: 1.45; font-weight: 600; letter-spacing: 0.05em; }
.section-label { font-family: var(--font-body); font-size: 13px; line-height: 1.45; font-weight: 600; letter-spacing: 0.05em; }
.button-text { font-family: var(--font-body); font-size: 13px; line-height: 1.45; font-weight: 600; }
.chip-text { font-family: var(--font-body); font-size: 12px; line-height: 1.45; font-weight: 600; }
.mono { font-family: var(--font-mono); font-size: 12.5px; line-height: 1.45; font-weight: 400; }
.mono-sm { font-family: var(--font-mono); font-size: 11px; line-height: 1.45; font-weight: 600; }