/* The tokens of site theme pixel, generated from its theme.json. */

:root:has([data-pm-site-theme-name='pixel']),
[data-pm-site-theme-name='pixel'] {
  --pm-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --pm-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --pm-radius-card: 0;
  --pm-radius-chip: 0;
  --pm-radius-control: 0;
  --pm-radius-panel: 0;
  --pm-radius-small: 0;
  --pm-radius-tool: 0;
  --pm-radius-sheet: 0;
}

:root:not(.dark):has([data-pm-site-theme-name='pixel']),
:root:not(.dark) [data-pm-site-theme-name='pixel'] {
  --pm-color-bg: #ffffff;
  --pm-color-surface: #ffffff;
  --pm-color-sunk: #f3f3f5;
  --pm-color-chrome: #ffffff;
  --pm-color-code: #f7f7f9;
  --pm-color-ink: #17171c;
  --pm-color-muted: #5a5a66;
  --pm-color-muted-soft: #f3f3f5;
  --pm-color-line: #dcdce2;
  --pm-color-line-strong: #17171c;
  --pm-color-accent: #2546b8;
  --pm-color-accent-soft: #e6ebfa;
  --pm-color-on-accent: #ffffff;
  --pm-color-selected: #e6ebfa;
  --pm-shadow: 3px 3px 0 0 #17171c;
  --pm-shadow-float: 5px 5px 0 0 #17171c;
}

:root.dark:has([data-pm-site-theme-name='pixel']),
:root.dark [data-pm-site-theme-name='pixel'] {
  --pm-color-bg: #121216;
  --pm-color-surface: #1b1b21;
  --pm-color-sunk: #23232b;
  --pm-color-chrome: #121216;
  --pm-color-code: #1b1b21;
  --pm-color-ink: #ededf0;
  --pm-color-muted: #a6a6b2;
  --pm-color-muted-soft: #23232b;
  --pm-color-line: #33333d;
  --pm-color-line-strong: #ededf0;
  --pm-color-accent: #8ea6ff;
  --pm-color-accent-soft: #1f2747;
  --pm-color-on-accent: #0d0d12;
  --pm-color-selected: #1f2747;
  --pm-shadow: 3px 3px 0 0 #000000;
  --pm-shadow-float: 5px 5px 0 0 #000000;
}