/* ==========================================================================
   PROJECT OVERRIDES
   --------------------------------------------------------------------------
   Loaded last, after Bootstrap and every other theme stylesheet. This is the
   home for anything specific to one site: pixel values taken from a design
   file, one-off section styles, brand quirks.

   Keeping project CSS here means a fork can pull updates to the numbered base
   files without resolving conflicts.

   Two rules:

     1. Reach for a Bootstrap class before writing CSS.
        .py-5  .row  .col-lg-6  .d-flex  .gap-3  .text-center

     2. When you do write CSS, use tokens — never a raw hex or px.

          .my-block {
              padding: var(--mtfs-space-6);
              background: var(--mtfs-color-surface);
              border: 1px solid var(--mtfs-color-border);
              border-radius: var(--mtfs-radius);
              color: var(--mtfs-color-heading);
          }

   Re-pointing a token beats overriding a rule — this one change restyles every
   button, link, focus ring, icon chip and card at once:

     :root {
         --mtfs-theme-2: #0F766E;
         --mtfs-radius: 2px;
     }

   The full token list is in 01-tokens.css.
   ========================================================================== */