:root {
    --brand-teal: #00A698;
    --brand-deep-blue: #003366;
    --brand-accent-green: #00B39C;
    --brand-white: #ffffff;
    --brand-gray-light: #f7f7f7;
    --brand-text-dark: #38343C;
  }

  body {
    font-family: 'Fira Sans', sans-serif !important;
    color: var(--brand-text-dark);
    background-color: var(--brand-white);
  }

  h1, h2, h3, h4 {
    font-weight: 600;
    color: var(--brand-deep-blue);
    font-family: 'Fira Sans', sans-serif !important;
  }

  a {
    color: var(--brand-teal);
  }

  a:hover {
    color: var(--brand-accent-green);
  }

  .btn, .button, input[type="submit"] {
    background-color: var(--brand-teal);
    color: var(--brand-white);
    border: none;
  }

  .btn:hover, .button:hover {
    background-color: var(--brand-accent-green);
    color: var(--brand-white);
  }

  .section-light, .footer, .card {
    background-color: var(--brand-gray-light);
  }

  input, textarea, select {
    border: 1px solid #ccc;
    background-color: #ffffff;
    color: var(--brand-text-dark);
  }