/* Generated from package/design/tokens.json by tools/package/tokens_to_css.py — do not edit. */
:root {
  color-scheme: light;
  --color-brand-red: #980000;
  --color-brand-red-strong: #7a0000;
  --color-brand-red-text: #980000;
  --color-brand-red-tint: #f7e8e8;
  --color-brand-graphite: #404041;
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f5f5f5;
  --color-neutral-100: #ececed;
  --color-neutral-200: #dedee0;
  --color-neutral-400: #9a9a9d;
  --color-neutral-600: #6b6b6e;
  --color-neutral-800: #404040;
  --color-neutral-900: #2a2a2a;
  --color-status-success: #468847;
  --color-status-warning: #ad8647;
  --color-status-info: #3a87ad;
  --color-status-danger: #b94a48;
  --color-person-a: #404041;
  --color-person-b: #3a87ad;
  --color-person-c: #468847;
  --color-chart-primary: #404041;
  --color-text-default: var(--color-neutral-800);
  --color-text-strong: var(--color-neutral-900);
  --color-text-muted: var(--color-neutral-600);
  --color-text-on-dark: #ffffff;
  --color-text-link: var(--color-brand-red-text);
  --color-surface-canvas: var(--color-neutral-50);
  --color-surface-panel: var(--color-neutral-0);
  --color-surface-sunken: var(--color-neutral-100);
  --color-surface-sidebar: var(--color-brand-graphite);
  --color-surface-selected: var(--color-brand-red-tint);
  --color-surface-overlay: #2a2a2a66;
  --color-border-default: var(--color-neutral-200);
  --color-border-strong: var(--color-neutral-400);
  --font-family-base: "Work Sans", system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 26px;
  --font-line-height-tight: 1.25;
  --font-line-height-base: 1.5;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 9999px;
  --shadow-panel: 0px 1px 2px 0px #2a2a2a14;
  --shadow-raised: 0px 2.4px 10.4px 0px #00000040;
  --border-width-nav-active: 3px;
  --size-sidebar: 232px;
  --size-drawer: 480px;
  --asset-logo: url("assets/logo.png");
  --asset-logo-on-dark: url("assets/logo-on-dark.png");
  --asset-logo-mark: url("assets/logo-mark-128.png");
  --asset-logo-vector: url("assets/logo-vector.pdf");
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-brand-red-strong: #b31212;
  --color-brand-red-text: #f07a7a;
  --color-brand-red-tint: #3a1818;
  --color-brand-graphite: #111113;
  --color-neutral-0: #1c1c1f;
  --color-neutral-50: #141416;
  --color-neutral-100: #26262a;
  --color-neutral-200: #323237;
  --color-neutral-400: #5d5d63;
  --color-neutral-600: #a2a2a8;
  --color-neutral-800: #d9d9dc;
  --color-neutral-900: #f4f4f5;
  --color-status-success: #76c077;
  --color-status-warning: #d9b073;
  --color-status-info: #6cb5d9;
  --color-status-danger: #e5807e;
  --color-person-a: #9a9aa2;
  --color-person-b: #6cb5d9;
  --color-person-c: #76c077;
  --color-chart-primary: #8e8e96;
  --color-surface-overlay: #000000a6;
  --shadow-panel: 0px 1px 2px 0px #00000066;
  --shadow-raised: 0px 4px 18px 0px #000000a6;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-brand-red-strong: #b31212;
    --color-brand-red-text: #f07a7a;
    --color-brand-red-tint: #3a1818;
    --color-brand-graphite: #111113;
    --color-neutral-0: #1c1c1f;
    --color-neutral-50: #141416;
    --color-neutral-100: #26262a;
    --color-neutral-200: #323237;
    --color-neutral-400: #5d5d63;
    --color-neutral-600: #a2a2a8;
    --color-neutral-800: #d9d9dc;
    --color-neutral-900: #f4f4f5;
    --color-status-success: #76c077;
    --color-status-warning: #d9b073;
    --color-status-info: #6cb5d9;
    --color-status-danger: #e5807e;
    --color-person-a: #9a9aa2;
    --color-person-b: #6cb5d9;
    --color-person-c: #76c077;
    --color-chart-primary: #8e8e96;
    --color-surface-overlay: #000000a6;
    --shadow-panel: 0px 1px 2px 0px #00000066;
    --shadow-raised: 0px 4px 18px 0px #000000a6;
  }
}