/* Global application tokens shared by the custom Epimetheus styles. */
:root {
  --color-background-light: var(--ks-surface-default);
  --color-background-dark: #151415;
  --color-primary: var(--ks-brand-primary);
  --color-secondary: var(--ks-text-muted);
  --color-text: var(--ks-text-default);
  --color-border: var(--ks-border-default);
  --font-family: "Segoe UI", "Helvetica Neue", "Open Sans", "Helvetica", "Arial", sans-serif;
}

/* Establish the full-viewport document canvas without changing Keystone rules. */
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Apply the application font, canvas color, and scroll policy globally. */
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--ks-canvas);
  color: var(--ks-text-default);
  font-family: var(--font-family);
  font-size: large;
}