body {
      background-color: #f5f1e6; /* soft rice paper beige */
      color: #4b4b4b; /* charcoal gray */
      font-family: 'Segoe UI', sans-serif;
    }
    .hero {
      background: linear-gradient(to right, #a7c5bd, #e3dcd2); /* water + sand */
      padding: 4rem 2rem;
      text-align: center;
    }
    .hero h1 {
      font-weight: 300;
    }
    .card {
      background-color: #e7e2d8; /* parchment tone */
      border: none;
      border-left: 4px solid #a7c5bd; /* subtle accent */
    }
    .navbar {
      background-color: #8e9775; /* mossy green */
    }
    .navbar-brand, .nav-link {
      color: #f5f1e6 !important;
    }
    .dropdown-menu {
      background: linear-gradient(to bottom, #d6e9ec, #cfe3e6);
    }
    .navbar-brand {
      font-family: 'Brush Script MT', cursive;
      font-size: 2rem;
    }
    .dropdown-item:hover {
      background-color: #bfdde2;
    }
    .links {
      list-style-type: none;
      display: block;
      padding: 0.5em;
      margin: inherit;
      border: 1px solid #009;
      text-align: left;
      background: #fff;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'BrushScriptMT', cursive;
        text-align: center;
    }
    a.links {
      list-style-type: none;
      display: block;
      max-width: 100%;
      padding: 0.5em;
      margin: inherit;
      margin-bottom: 0;
      color: #00f;
      border: 1px solid #009;
      font-size: 1em;
      line-height: 1.5em;
      background: #fff;
    }
    .header {
        padding-top: 1em;
        padding-bottom: 1em;
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .footer {
      background-color: #8e9775;
      color: #f5f1e6;
      text-align: center;
      padding: 1rem;
      margin-top: 3rem;
    }