/* The apps' colour roles (gw-finance's web/src/index.css), so the estate looks like one. */
:root {
  color-scheme: light;
  --surface-1: #fcfcfb;
  --text-primary: #0b0b0b;
  --text-secondary: #52514e;
  --accent: #1c5cab;
  --focus: #2a78d6;

  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
  color: var(--text-primary);
  background: var(--surface-1);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --surface-1: #1a1a19;
    --text-primary: #f0efec;
    --text-secondary: #c3c2b7;
    --accent: #3987e5;
    --focus: #3987e5;
  }
}

body {
  margin: 0;
}

main {
  max-width: 44rem;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

h1 {
  font-size: 1.5rem;
}

p {
  color: var(--text-secondary);
}

a {
  color: var(--accent);
}

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}