:root {
  color-scheme: dark;
  --fray-background: #0b0e16;
  --fray-surface: #171b26;
  --fray-raised: #232937;
  --fray-text: #ebedf2;
  --fray-muted: #9aa1ae;
  --fray-accent: #ff8c1a;
  --fray-on-accent: #1a1206;
  color: var(--fray-text);
  background: var(--fray-background);
}

:root[data-theme='light'] {
  color-scheme: light;
  --fray-background: #eff1f4;
  --fray-surface: #fafbfc;
  --fray-raised: #dde1e7;
  --fray-text: #23262e;
  --fray-muted: #6a7080;
  --fray-accent: #c2410c;
  --fray-on-accent: #ffffff;
}