/* New brand colors for the light theme */
      .bg-brand-blue { background-color: #1b3351; }
      .text-brand-blue { color: #1b3351; }
      .border-brand-blue { border-color: #1b3351; }
      
      .bg-brand-sand { background-color: #ab9c8a; }
      .text-brand-sand { color: #ab9c8a; }
      .border-brand-sand { border-color: #ab9c8a; }
      .hover\:bg-brand-sand-dark:hover { background-color: #968979; }

      /* SVG Logo Styles */
      .st0, .st1 { fill: #ab9c8a; }
      .st2 { fill: #ffffff; }
      .st3 { fill: #1b3351; }

      /* Animation keyframes */
      @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
      }
      @keyframes fadeInDown {
        from { opacity: 0; transform: translateY(-20px); }
        to { opacity: 1; transform: translateY(0); }
      }
      @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
      }
      
      /* Animation classes */
      .animate-fade-in { animation: fadeIn 1s ease-out forwards; }
      .animate-fade-in-down { animation: fadeInDown 1s ease-out forwards; }
      .animate-fade-in-up { animation: fadeInUp 1s ease-out forwards; }
      .animate-bounce {
        animation: bounce 1s infinite;
      }
      @keyframes bounce {
        0%, 100% {
          transform: translateY(-5%);
          animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        }
        50% {
          transform: translateY(0);
          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
      }
      /* Manual aspect ratio for video placeholder */
      .aspect-w-16 { --tw-aspect-w: 16; }
      .aspect-h-9 { --tw-aspect-h: 9; }
      .aspect-w-16 {
         position: relative;
         padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
      }
      .aspect-w-16 > * {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }