/* Tiny first-paint layer. React owns all product layout after hydration.
 * Dark is the first-visit WIRELINE appearance; explicit Light/System choices
 * are applied synchronously by index.html before this stylesheet paints. */
:root {
  background: var(--wireline-color-canvas-default, #0A0A0E);
  color-scheme: dark;
}

:root.light {
  background: #F6F5FA;
  color-scheme: light;
}

body {
  min-height: 100dvh;
  margin: 0;
  background: var(--wireline-color-canvas-default, #0A0A0E);
  color: var(--wireline-color-text-primary, #F5F4F8);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-weight: 400;
}

:root.light body {
  background: #F6F5FA;
  color: #171426;
}