body {
  --color-background: #f8f8ff;
  --color-text: #363636;

  --color-primary: #f98410;
  --color-secondary: #29524A;
  --color-tertiary: #641216;

  --color-background-secondary: #fac696;
  
  --color-navbar-text: var(--color-primary);
  --color-ghost-background: var(--color-primary);
  --color-link-hover:var(--color-primary);

  --color-h1-title: var(--color-secondary);
  
  --color-link: var(--color-tertiary);
  --color-navbar-hover-text: var(--color-tertiary);
}

@media (prefers-color-scheme: dark) {
  body {
    --color-background: #252525;
    --color-text: #dfdfdf;

    --color-primary: #f98410;
    --color-secondary: #fddab7;
    --color-tertiary: #F95738;

    --color-background-secondary: #333333;
  }
}