@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap');

:root {
  --font-family: 'Figtree', sans-serif;

  /* Primary */
  --color-primary: #e76149;
  --color-on-primary: #ffffff;
  --color-primary-container: #f5d4cc;
  --color-on-primary-container: #5d282e;

  /* Surface */
  --color-surface: #f2e8e2;
  --color-on-surface: #5d282e;
  --color-on-surface-variant: rgba(93, 40, 46, 0.7);
  --color-surface-container-low: #dbd2cc;
  --color-surface-container-high: #fff8f2;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary-container: #6b3539;
    --color-on-primary-container: #d7e7e2;
    --color-surface: #34161a;
    --color-on-surface: #d7e7e2;
    --color-on-surface-variant: rgba(215, 231, 226, 0.7);
    --color-surface-container-low: #34161a;
    --color-surface-container-high: #4f2228;
  }
}