html {
  background: #fcfbf9;
}

:root {
  --functional-background: #fcfbf9;
  --functional-surface: #fffffe;
  --functional-neutral-light: #d2bebc;
  --functional-neutral-dark: #645156;

  --functional-body: #310a05;

  --accents-wine-red: #96515c;
  --accents-olive: #6b6d21;

  --font-display: "Satoshi", "Satoshi Variable", sans-serif;

  --type-display-m-size: 50px;
  --type-display-m-weight: 700;
  --type-display-m-line-height: 1.303;

  --type-title-m-size: 24px;
  --type-title-m-weight: 700;
  --type-title-m-line-height: normal;

  --type-body-l-size: 20px;
  --type-body-l-weight: 300;
  --type-body-l-line-height: 1.303;

  --type-caption-m-size: 12px;
  --type-caption-m-weight: 300;
  --type-caption-m-line-height: normal;
}