/* Critical home palette and first-paint surfaces. Keep in sync with styles.css. */
:root {
  color-scheme: dark;
  --Page-bg: #232833;
  --Panel-bg: #1a1d24;
  --Text-primary: #f3f4f6;
  --Text-secondary: #e8eaee;
  --Surface: var(--Page-bg);
  --Surface-light: var(--Panel-bg);
  --On-surface: var(--Text-primary);
  --Secondary: var(--Text-secondary);
  --font-family: "Inter", sans-serif;
}

body {
  margin: 0;
  background: var(--Page-bg);
  color: var(--Text-secondary);
  font-family: var(--font-family);
}

#wrapper {
  background: var(--Page-bg);
}

.bg-surface-color {
  background: var(--Panel-bg);
}

.main-content {
  background: transparent;
}