:root {
  color-scheme: light dark;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--minne-surface-base);
  color: var(--minne-text);
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.minne-shell {
  min-height: 100vh;
  background: var(--minne-surface-base);
  color: var(--minne-text);
}

.minne-shell[data-ag-theme="light"] {
  color-scheme: light;
}

.minne-shell[data-ag-theme="dark"] {
  color-scheme: dark;
}

.minne-field-label {
  color: var(--minne-field-label-color);
  font-size: var(--minne-field-label-size);
  font-weight: var(--minne-field-label-weight);
  letter-spacing: var(--minne-field-label-tracking);
  text-transform: uppercase;
}

.minne-shell ::selection {
  background: color-mix(in srgb, var(--minne-accent) 34%, transparent);
}