/* Import Custom Fonts */
@import url("fonts.css");

/* Kardinal Brewery - Bootstrap-based Styles */

/* Custom CSS Variables */
:root {
  --kardinal-bg: #f5d4a9;
  --kardinal-brown: #591202;
  --kardinal-brown-light: #d6b78f;
  --kardinal-pattern: #d6b78f;
}

/* Base Styles */
body {
  font-family: var(--font-primary);
  background-color: var(--kardinal-bg);
  background-image: url("../images/bg.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: var(--kardinal-brown);
  overflow-x: hidden;
  min-height: 100vh;
}

.font-akira {
  font-family: var(--font-akira);
}

.font-comfortaa {
  font-family: var(--font-primary);
}

/* Custom Text Colors */
.text-brown {
  color: var(--kardinal-brown) !important;
}

.text-brown-light {
  color: var(--kardinal-brown-light) !important;
}

/* Letter Spacing Utility */
.letter-spacing-wide {
  letter-spacing: 2px;
}


/* Animation Classes */
.fade-in-up {
  animation: fadeInUp 1s ease-out;
}

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