/* Page-level rules, and the only stylesheet this repository writes by hand.
   Every colour, size, weight and space below is read from a --ds-* custom
   property that ferrisoft_design_system emits; the viewport unit and the two
   zeroed margins are layout instructions rather than design values, which is
   why they are the only literals here. Components bring their own rules with
   `components::styles()`. */

body {
  margin: 0;
  background: var(--ds-surface-0);
  color: var(--ds-text-primary);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-body-size);
}

.drum-shell {
  min-height: 100dvh;
  padding: var(--ds-space-5);
}

.drum-title {
  margin: 0;
  font-size: var(--ds-text-title-size);
  font-weight: var(--ds-text-title-weight);
}

.drum-subtitle {
  color: var(--ds-text-secondary);
  font-size: var(--ds-text-body-size);
}