:root {
  /* --primary-color: #ea5a22; */
  --primary-color: #000033;
  --primary-color-dark: #000022;
  --primary-color-fg: #ffffff;
  --secondary-color: #009999;
  --secondary-color-dark: #007777;
  --secondary-color-fg: #ffffff;
  /* --secondary-color: #009999; */
  --dark-overlay: #00000023;
  --light-overlay: #ffffff23;
  --menu-logo-background-color: var(--secondary-color);
  --menu-fg-color: var(--primary-color);
  --mobile-menu-burger-color: white;
  --mobile-menu-background: white;
  /* --mobile-menu-height: 250px; */
  --mobile-menu-height: 90px;
  --mobile-menu-gradient-height: 300px;

  --font-title: "ONRAMP";
  --font-subtitle: "Inter";
  --font-body: "Inter";
  --font-button: "ONRAMP";
  --font-menu: "Inter";
  --dnf: rgb(217, 0, 0);
  --hc: rgb(252, 139, 0);
}