@import url("./colour/colour.css");
@import url("./typography/typography.css");
@import url("./spacing/spacing.css");
@import url("./radius-shadow/radius-shadow.css");

:root {
  color: var(--ds-colour-ink-900);
  font-family: var(--ds-font-family-body);
  line-height: var(--ds-line-height-normal);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

.ds-foundation-host {
  background: var(--ds-colour-paper-50);
  color: var(--ds-colour-ink-900);
  font-family: var(--ds-font-family-body);
  min-height: 100%;
}

body.ds-foundation-host {
  margin: 0;
}

.ds-foundation-panel {
  background: var(--ds-colour-paper-0);
  border: 1px solid var(--ds-colour-paper-200);
  border-radius: var(--ds-radius-none);
  box-shadow: var(--ds-shadow-none);
  padding: var(--ds-space-6);
}