1.5rem;
      color: var(--nav-text);
      transition: color var(--transition);
    }

    /* Base variables and body */
    :root {
      --nav-text: #222;
      --accent: #007bff;
      --transition: 0.3s ease;
    }

    body {
      font-family: Arial, sans-serif;
      background: #f5f5f5;
      margin: 0;
      padding: 0;
      padding-top: 64px;
      /* offset for fixed navbar */
      color: #222;
      transition: background-color 0.3s ease, color 0.3s ease;
    }

    section {
      max-width: