/* Generated by build.py. Edit tokens.json. */
.jano {
  color-scheme: dark;
  --j-background: #0d0f11;
  --j-panel: #15181b;
  --j-raised: #1c2024;
  --j-input: #101316;
  --j-text: #e7ebee;
  --j-muted: #9aa5af;
  --j-line: #343c43;
  --j-accent: #3cff91;
  --j-accent-ink: #081b11;
  --j-success: #76dda2;
  --j-warning: #f2c66d;
  --j-error: #ff999d;
  --j-space-xs: 4px;
  --j-space-sm: 8px;
  --j-space-md: 12px;
  --j-space-lg: 16px;
  --j-space-xl: 24px;
  --j-space-xxl: 32px;
  --j-radius-control: 5px;
  --j-radius-panel: 8px;
  --j-radius-window: 10px;
  --j-size-text: 13px;
  --j-size-small: 12px;
  --j-size-heading: 22px;
  --j-size-control: 36px;
  --j-size-touch: 44px;
  --j-size-caption: 32px;
  --j-size-sidebar: 192px;
  --j-fonts-ui: "Segoe UI";
  --j-fonts-mono: "Consolas";
  --j-type-tiny: calc(8px * var(--j-text-scale, 1));
  --j-type-micro: calc(9px * var(--j-text-scale, 1));
  --j-type-xs: calc(10px * var(--j-text-scale, 1));
  --j-type-caption: calc(11px * var(--j-text-scale, 1));
  --j-type-small: calc(12px * var(--j-text-scale, 1));
  --j-type-body: calc(13px * var(--j-text-scale, 1));
  --j-type-label: calc(14px * var(--j-text-scale, 1));
  --j-type-subtitle: calc(15px * var(--j-text-scale, 1));
  --j-type-section: calc(16px * var(--j-text-scale, 1));
  --j-type-lead: calc(17px * var(--j-text-scale, 1));
  --j-type-subheading: calc(18px * var(--j-text-scale, 1));
  --j-type-heading: calc(20px * var(--j-text-scale, 1));
  --j-type-title: calc(22px * var(--j-text-scale, 1));
  --j-type-display: calc(24px * var(--j-text-scale, 1));
  --j-type-display-large: calc(26px * var(--j-text-scale, 1));
  --j-type-hero-small: calc(27px * var(--j-text-scale, 1));
  --j-type-hero: calc(28px * var(--j-text-scale, 1));
  --j-type-hero-medium: calc(30px * var(--j-text-scale, 1));
  --j-type-hero-large: calc(32px * var(--j-text-scale, 1));
  --j-type-hero-wide: calc(34px * var(--j-text-scale, 1));
  --j-type-hero-x-l: calc(36px * var(--j-text-scale, 1));
  --j-type-hero-x-x-l: calc(40px * var(--j-text-scale, 1));
  --j-type-hero-max: calc(42px * var(--j-text-scale, 1));
  --j-type-poster: calc(48px * var(--j-text-scale, 1));
  --j-type-poster-large: calc(56px * var(--j-text-scale, 1));
  --j-type-poster-x-l: calc(72px * var(--j-text-scale, 1));
  --j-type-body-large: calc(19px * var(--j-text-scale, 1));
  --j-type-title-small: calc(21px * var(--j-text-scale, 1));
  --j-type-title-large: calc(23px * var(--j-text-scale, 1));
  --j-type-display-medium: calc(25px * var(--j-text-scale, 1));
  --j-type-hero-between: calc(29px * var(--j-text-scale, 1));
  --j-type-hero-larger: calc(38px * var(--j-text-scale, 1));
  --j-type-hero-huge: calc(43px * var(--j-text-scale, 1));
  --j-type-poster-small: calc(46px * var(--j-text-scale, 1));
}