/* Shared palette for the dashboard, settings pages, visitor pages, and office. */
:root {
  --ink: #1b2b45;
  --ink-rgb: 27, 43, 69;
  --paper: #f8fbff;
  --bg: #eaf2ff;
  --bg2: #f8fbff;
  --bg3: #edf4fd;
  --bg4: #dce8f7;
  --line: #bfd0e4;
  --line-soft: #d8e4f2;
  --text: #263854;
  --muted: #536982;
  --faint: #6a7d95;
  --term-bg: #172338;
  --term-bar: #243653;

  --accent: #1d5fbf;
  --accent-pop: #3a86ff;
  --accent-solid: #1d5fbf;
  --accent-deep: #174a92;
  --accent-soft: hsla(216, 80%, 50%, .12);
  --accent-halo: hsla(216, 80%, 55%, .14);
  --accent-halo-strong: hsla(216, 80%, 55%, .22);
  --accent-border: hsla(216, 80%, 55%, .35);
  --selection: hsla(216, 80%, 60%, .3);

  --green: #18794e;
  --red: #c93643;
  --orange: #a65b11;
  --purple: #7042a1;
  --cyan: #087eaa;
  --gray: #53657a;
  --good: #2dc653;
  --bad: #ef476f;
  --warn: #ffb703;

  --sh1: 0 2px 0 rgba(27, 43, 69, .9);
  --sh2: 0 3px 0 rgba(27, 43, 69, .9), 0 10px 24px rgba(27, 43, 69, .08);
  --sh3: 0 6px 0 rgba(27, 43, 69, .9), 0 24px 48px rgba(27, 43, 69, .16);
  --ring: 0 0 0 3px hsla(216, 80%, 55%, .32);
  --glow: 0 4px 16px hsla(216, 80%, 55%, .3);

  --page-glow: hsla(214, 70%, 85%, .78);
  --topbar-surface: hsla(216, 65%, 97%, .82);
  --sidebar-surface: hsla(216, 60%, 94%, .72);
  --toolbar-surface: hsla(216, 65%, 96%, .94);

  --office-background: #d9e9fb;
  --office-fog: #eaf3ff;
  --office-wall: #eef5fd;
  --office-ceiling: #f8fbff;
  --office-light-panel: #edf4fd;
  --office-light: #dceaff;
  --office-ground: #b9cce2;
  --office-lobby-floor: #c6d7eb;
  --office-factory-floor: #b6c9e2;
  --office-lobby-rug: #d9e9fb;
  --office-review-rug: #d6e6fa;
  --office-terminal-start: #193454;
  --office-terminal-end: #315c8d;
  --office-screen-heading: #dceaff;
  --planner-accent: #9b5de5;
  --planner-surface: #e6dcff;
  --planner-board: #3c2a63;
  --review-accent: #ff9f68;

  color-scheme: light;
}