:root {
  --color-bg-primary: #f3eee4;
  --color-bg-secondary: #f9f7f4;

  --color-text-primary: #000000;
  --color-text-secondary: #f3eee4;
  --color-text-tertiary: #292929;

  --color-border: #4f4d4d;
  --dropshadow-mobile: 3px 3px 0 0 rgba(164, 156, 140, 0.72);
  --dropshadow-desktop: 10px 10px 0 0 rgba(164, 156, 140, 0.7);

  --cta-primary: #548128;
  --cta-secondary: #65a1f6;
  --cta-tertiary: #f487ee;
  --cta-quaternary: #fcba34;

  --color-accent-primary: #65a1f6;
  --color-accent-secondary: #648840;
  --color-accent-tertiary: #e30e12;
  --color-input-bg: #65a2f654;

  --opacity-primary: 0.15;
  --opacity-secondary: 0.2;
  --opacity-tertiary: 0.2;

  --font-primary: "Unbounded", sans-serif;
  --font-secondary: "Plus Jakarta Sans", sans-serif;
}