/* Shared palette for the financial workspace and administration. */
:root {
  color-scheme: light;
  --sidebar-width: 244px;
  --ui-primary: #3266f5;
  --ui-primary-hover: #2454d6;
  --ui-primary-soft: #edf2ff;
  --ui-bg: #f4f6fa;
  --ui-surface: #ffffff;
  --ui-subtle: #f8faff;
  --ui-ink: #233552;
  --ui-text: #536581;
  --ui-muted: #657691;
  --ui-line: #e4eaf3;
  --ui-success: #168463;
  --ui-success-soft: #edf8f2;
  --ui-danger: #ce4545;
  --ui-danger-soft: #fff1f1;
  --ui-warning: #a66b14;
  --ui-warning-soft: #fff8e8;
  --ui-radius: 14px;
  --ui-shadow: 0 3px 16px rgb(35 53 82 / 3%);
  --font-body: 16px;
  --font-label: 15px;
  --font-small: 14px;
  --font-heading: 32px;
  --font-section: 22px;
  --font-card: 18px;
  --font-amount: 32px;
  --tone-blue: #2861d6;
  --tone-blue-soft: #edf4ff;
  --tone-blue-line: #d4e3fc;
  --tone-teal: #087f72;
  --tone-teal-soft: #eaf8f4;
  --tone-teal-line: #cceade;
  --tone-orange: #a65c12;
  --tone-orange-soft: #fff5e9;
  --tone-orange-line: #f6dfbf;
  --tone-violet: #7150b5;
  --tone-violet-soft: #f3effd;
  --tone-violet-line: #e0d6f5;
  --tone-rose: #ae4771;
  --tone-rose-soft: #fff0f5;
  --tone-rose-line: #f2d7e3;
  --tone-cyan: #12768c;
  --tone-cyan-soft: #edf8fb;
  --tone-cyan-line: #cde6ef;
  --chart-1: #3266f5;
  --chart-2: #7399f5;
  --chart-3: #a7bff8;
  --chart-4: #4269ae;
  --chart-5: #99acc9;
  --chart-6: #c9d5e9;
  --ink: var(--ui-ink);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
  --bg: var(--ui-bg);
  --teal: var(--ui-primary);
  --teal-dark: var(--ui-primary-hover);
  --shadow: var(--ui-shadow);
}