:root {
  --color-primary: #29737c;
  --color-primary-dark: #003128;
  --color-teal: #18c6ac;
  --color-teal-title: #1ab69c;
  --color-lime: #7dc804;
  --color-white: #fff;
  --color-black: #040505;
  --color-surface: #f7f9fc;
  --color-line: #e4e4e4;
  --container: 1296px;
  --footer-container: 1248px;
  --page-gutter: 32px;
  --radius: 5px;
  --shadow-soft: 0 0 9.55px rgba(0,0,0,.10);
  --shadow-card: 0 4px 23.9px rgba(0,0,0,.13);
  --font-body: "Onest", Arial, sans-serif;
  --font-display: "Oswald", "Arial Narrow", Arial, sans-serif;
  --transition: 180ms ease;
  --transition-fast: 140ms ease;
  --color-lime-hover: #70b804;
  --color-primary-hover: #1f626a;
  --focus-ring: #ffb000;
  --submenu-shadow: 0 12px 30px rgba(0,49,40,.14);
}