/* Shared visual contract. Workspace, accounts and portable reports use the
   same palette, type scale, spacing and interaction surfaces. */
:root {
  --canvas: #f5f6f8;
  --paper: #ffffff;
  --paper-2: #f0f3f7;
  --soft: var(--paper-2);
  --ink: #202938;
  --muted: #5c687a;
  --line: #dfe4ec;
  --line-strong: #bdc7d5;
  --accent: #335dce;
  --brand: var(--accent);
  --accent-soft: #edf2ff;
  --on-accent: #ffffff;
  --green: #187451;
  --green-soft: #eaf5ee;
  --red: #b13c39;
  --red-soft: #fbedec;
  --amber: #886019;
  --amber-soft: #fff4df;
  --danger: var(--red);
  --sidebar: #192332;
  --sidebar-2: #2b3b52;
  --sidebar-ink: #f1f5fc;
  --sidebar-muted: #b4c0d2;
  --shadow: 0 1px 2px #14243c04, 0 4px 16px #14243c04;
  --shadow-dialog: 0 24px 80px #10203926;
  --radius-panel: 12px;
  --radius-control: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --text-caption: 12px;
  --text-body: 14px;
  --text-control: 14px;
  --text-heading: 18px;
  --control-height: 38px;
  --page-gutter: clamp(16px, 2.4vw, 32px);
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: light;
}
html[data-theme="dark"] {
  --canvas: #121821;
  --paper: #1b2431;
  --paper-2: #222e3e;
  --ink: #edf2fa;
  --muted: #adbcd0;
  --line: #354357;
  --line-strong: #566880;
  --accent: #a9bdff;
  --accent-soft: #2b3c60;
  --on-accent: #152346;
  --green: #86d8b0;
  --green-soft: #203d33;
  --red: #ffaaa5;
  --red-soft: #492f34;
  --amber: #edc586;
  --amber-soft: #443922;
  --sidebar: #101823;
  --sidebar-2: #26364e;
  --sidebar-ink: #f1f5fc;
  --sidebar-muted: #b4c0d2;
  --shadow: 0 1px 2px #0002, 0 4px 16px #0001;
  --shadow-dialog: 0 24px 80px #0006;
  color-scheme: dark;
}