body {
        background: linear-gradient(180deg, #ff8a7a 0%, #e65a4f 100%);
      }

      .bg-canvas {
        background-color: #fff7f1;
      }

      .bg-canvas-muted {
        background-color: #fff3ec;
      }

      .bg-mint {
        background-color: #dff1e8;
      }

      .bg-orange {
        background-color: #ffd6b3;
      }

      .bg-pink {
        background-color: #f7c6c6;
      }

      .bg-accent {
        background-color: #e5483d;
      }

      .bg-accent-dark {
        background-color: #d53d33;
      }

      .rounded-sm {
        border-radius: 10px !important;
      }

      .rounded-md {
        border-radius: 14px !important;
      }

      .rounded-lg {
        border-radius: 18px !important;
      }

      .rounded-xl {
        border-radius: 22px !important;
      }

      .text-text {
        color: #2b2b2b;
      }

      .text-muted {
        color: #8c8c8c;
      }

      .text-mint-ink {
        color: #2f6b52;
      }

      .text-orange-ink {
        color: #8a4a18;
      }

      .text-pink-ink {
        color: #8a3a3a;
      }

      .text-green-ink {
        color: #356b52;
      }

      .text-white {
        color: #ffffff;
      }

      .no-underline {
        text-decoration: none;
      }

      .footer-credit {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
      }

      .footer-credit a {
        font-weight: 700;
        text-decoration: none;
      }

      .footer-credit a:hover {
        text-decoration: underline;
      }

      .hidden {
        display: none;
      }

      .border-border {
        border-color: #efe7e2;
      }

      .shadow-soft {
        box-shadow: 0 6px 16px rgba(60, 24, 16, 0.08);
      }

      .shadow-lift {
        box-shadow: 0 12px 26px rgba(60, 24, 16, 0.12);
      }

      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .logo-giant {
        height: 112px;
        width: auto;
      }

      .header-bar {
        min-height: 80px;
        align-items: center;
        overflow: visible;
      }

      @media (max-width: 640px) {
        .logo-giant {
          height: 64px;
        }
      }

      @keyframes logoShiver {
        0% {
          transform: rotate(0deg);
        }
        20% {
          transform: rotate(-1deg);
        }
        40% {
          transform: rotate(1deg);
        }
        60% {
          transform: rotate(-0.6deg);
        }
        80% {
          transform: rotate(0.6deg);
        }
        100% {
          transform: rotate(0deg);
        }
      }

      .logo-giant:hover {
        animation: logoShiver 0.25s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
        .logo-giant:hover {
          animation: none;
        }
      }

      .font-display {
        font-family: "Playfair Display", "Georgia", serif;
      }

      .font-sans {
        font-family: "Poppins", "Segoe UI", sans-serif;
      }

      .from-bg-top {
        --tw-gradient-from: #ff8a7a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 122, 0));
      }

      .to-bg-bottom {
        --tw-gradient-to: #e65a4f;
      }

      @keyframes receiptIn {
        from {
          opacity: 0;
          transform: translateY(18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .receipt-pop {
        animation: receiptIn 0.35s ease-out both;
      }

      @media (prefers-reduced-motion: reduce) {
        .receipt-pop {
          animation: none;
        }
      }