:root {
  --accent: #00aa44;
  --background: #f7f2c6;
  --main-content-bg: #d9f2e3;
  --light-gray: #00000018;
  --off-black: #00000066;
  --white: #ffffff;
 
  --font-size-l: 32px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 48px;
  --font-size-xs: 14px;

  --font-family-sans: -apple-system,BlinkMacSystemFont,"Ubuntu",Roboto,"Oxygen","Cantarell","Segoe UI","Open Sans","Helvetica Neue",sans-serif;
  --font-family-mono: "Consolas","Ubuntu Mono","Lucida Sans Typewriter", monospace;

  --width-desktop: 1280px;
  --width-tablet: 768px;
  --width-mobile: 375px;
}