:root {
  color-scheme: dark;

  --color-canvas: #1f2125;
  --color-sidebar: #17191a;
  --color-panel: #1b1c20;
  --color-surface-selected: #222429;
  --color-surface-raised: #27292d;
  --color-border: #34363b;
  --color-text-primary: #f5f6f7;
  --color-text-secondary: #a1a3a8;
  --color-text-muted: #92959b;
  --color-accent: #8c72ed;
  --color-project: #08aaa4;
  --color-success: #5a942d;
  --color-warning: #aaa43d;
  --color-info: #3d9dcc;
  --color-danger: #f15d6c;
  --color-favorite: #d6a72d;
  --color-timeline-green: #62c878;
  --color-timeline-cyan: #56bee1;
  --color-timeline-yellow: #f2dc62;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-round: 999px;
  /* stylelint-disable-next-line value-keyword-case */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-title: 24px;
  --text-display: 28px;
  --layout-sidebar-reference: 240px;
  --layout-sidebar-collapsed: 76px;
  --layout-header-height: 105px;
  --layout-toolbar-height: 64px;
  --layout-tabs-height: 40px;
  --layout-sidebar-wide: 240px;
  --layout-details-reference: 366px;
  --layout-details-wide: 384px;
  --layout-content-readable: 1120px;
  --layout-content-data: 1600px;
  --layout-content-inset: 72px;
  --motion-fast: 160ms ease-out;
  --motion-drawer: 240ms ease-out;
}