: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: 88rem;
  --community-bg: #FFFFFF;
  --community-top-bar: #FFFFFF;
  --community-breadcrumb-band: #F8FAFC;
  --community-surface: #F8FAFC;
  --community-surface-2: #FFFFFF;
  --community-border: #CBD5E1;
  --community-primary: #0F172A;
  --community-muted: #64748B;
  --community-accent: #0EA5E9;
  --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: #E8F4FF;
  --community-reaction-active-border: #B7CDE4;
  --community-reaction-active-text: #1D4F78;
  --community-reply-highlight: #fff7ed;
}
#app {
  font-family: var(--font-sans);
}
:root[data-theme='light'] {
  --community-bg: #FFFFFF;
  --community-top-bar: #FFFFFF;
  --community-breadcrumb-band: #F8FAFC;
  --community-surface: #F8FAFC;
  --community-surface-2: #FFFFFF;
  --community-border: #CBD5E1;
  --community-primary: #0F172A;
  --community-muted: #64748B;
  --community-accent: #0EA5E9;
  --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: #E8F4FF;
  --community-reaction-active-border: #B7CDE4;
  --community-reaction-active-text: #1D4F78;
  --community-reply-highlight: #fff7ed;
}
:root[data-theme='dark'] {
  --community-bg: #0B1220;
  --community-top-bar: #17233A;
  --community-breadcrumb-band: #111B2E;
  --community-surface: #111B2E;
  --community-surface-2: #17233A;
  --community-border: #2B3A55;
  --community-primary: #E6EDF7;
  --community-muted: #94A6BF;
  --community-accent: #2DD4BF;
  --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: #123B33;
  --community-reaction-active-border: #2F7C6F;
  --community-reaction-active-text: #5EEAD4;
  --community-reply-highlight: #223250;
}