html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

:root {
  --defie-app-field-focus: #0b57d0;
  --defie-app-field-selected: #dce7f7;
  --defie-app-field-value: #202124;
  --defie-app-field-label: #5e5b63;
  --defie-app-field-background: #f3f3f3;
  --defie-app-field-divider: rgba(111, 108, 115, 0.45);
  --md-sys-color-primary: var(--defie-app-field-focus);
  --md-sys-color-secondary-container: var(--defie-app-field-selected);
  --md-sys-color-on-secondary-container: var(--defie-app-field-value);
  --md-focus-ring-color: var(--defie-app-field-focus);
}

body {
  background: #f0f5fe;
  font-family: Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

defie-app-shell {
  display: block;
  height: 100%;
}