:root {
  --font-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --community-layout-max: 80rem;
  --community-bg: #F7F8FB;
  --community-top-bar: #FFFFFF;
  --community-breadcrumb-band: #EEF1F7;
  --community-surface: #EEF1F7;
  --community-surface-2: #FFFFFF;
  --community-border: #C5CFDF;
  --community-primary: #132238;
  --community-muted: #5F6F86;
  --community-accent: #3386C5;
  --community-search-highlight: #93C5FD;
  --community-button-primary-bg: #0F172A;
  --community-button-primary-text: #FFFFFF;
  --community-button-primary-hover: #1E293B;
  --community-button-secondary-bg: #FFFFFF;
  --community-button-secondary-text: #0F172A;
  --community-reaction-active-bg: #E3EEFB;
  --community-reaction-active-border: #A9C4E3;
  --community-reaction-active-text: #214D7A;
  --community-reply-highlight: #fff7ed;
}
#app {
  font-family: var(--font-sans);
}
:root[data-theme='light'] {
  --community-bg: #F7F8FB;
  --community-top-bar: #FFFFFF;
  --community-breadcrumb-band: #EEF1F7;
  --community-surface: #EEF1F7;
  --community-surface-2: #FFFFFF;
  --community-border: #C5CFDF;
  --community-primary: #132238;
  --community-muted: #5F6F86;
  --community-accent: #3386C5;
  --community-search-highlight: #93C5FD;
  --community-button-primary-bg: #0F172A;
  --community-button-primary-text: #FFFFFF;
  --community-button-primary-hover: #1E293B;
  --community-button-secondary-bg: #FFFFFF;
  --community-button-secondary-text: #0F172A;
  --community-reaction-active-bg: #E3EEFB;
  --community-reaction-active-border: #A9C4E3;
  --community-reaction-active-text: #214D7A;
  --community-reply-highlight: #fff7ed;
}
:root[data-theme='dark'] {
  --community-bg: #0D1525;
  --community-top-bar: #1A2740;
  --community-breadcrumb-band: #141F33;
  --community-surface: #141F33;
  --community-surface-2: #1A2740;
  --community-border: #2D3F60;
  --community-primary: #E4ECF8;
  --community-muted: #98A9C4;
  --community-accent: #4AB3D6;
  --community-search-highlight: #14B8A6;
  --community-button-primary-bg: #2DD4BF;
  --community-button-primary-text: #0F172A;
  --community-button-primary-hover: #020617;
  --community-button-secondary-bg: #111B2E;
  --community-button-secondary-text: #E6EDF7;
  --community-reaction-active-bg: #14394C;
  --community-reaction-active-border: #2D7996;
  --community-reaction-active-text: #87DFF4;
  --community-reply-highlight: #223250;
}