/* ------------------------------
   Theme Colors & Utility Classes
   ------------------------------ */
/* ------------------------------
   Default Font Settings
   ------------------------------ */

/* Apply to body (global font) */
body {
  font-family: 'Poppins', sans-serif; /* ✅ Replace with your chosen font */
  font-size: 16px;                   /* Base font size */
  line-height: 1.6;                  /* Comfortable reading */
  color: #1a1a1a;                    /* Default text color */
  background-color: #ffffff;         /* Default page background */
  margin: 0;
  padding: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;                  /* Bold for headings */
  line-height: 1.3;
  color: #111111;
  margin-top: 0;
  margin-bottom: 0.5em;
}

/* Paragraphs */
p {
  font-weight: 400;
  

  
}

/* Links */
a {
  font-family: inherit; /* Use primary */
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: white; /* Darker accent on hover */
}

/* Buttons */
button {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Primary brand color */
.bg-primary {
  background-color: #f2420d !important; /* 🔴 Change hex to your brand */
}

.text-primary {
  color: #333333 !important;
}

.border-primary {
  border-color: #f2420d !important;
}

/* Accent shades */
.bg-primary-600 {
  background-color: #d63b0c !important;
}

.text-primary-600 {
  color: #d63b0c !important;
}

/* Gradient helpers */
.from-primary {
  --tw-gradient-from: #f2420d !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(242 66 13 / 0)) !important;
}

.to-primary-600 {
  --tw-gradient-to: #d63b0c !important;
}

.from-primary-600 {
  --tw-gradient-from: #d63b0c !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(214 59 12 / 0)) !important;
}

.to-primary {
  --tw-gradient-to: #f2420d !important;
}

/* Optional hover variants */
.hover\:bg-primary:hover {
  background-color: #f2420d !important;
}

.hover\:bg-primary\/90:hover {
  background-color: rgba(242, 66, 13, 0.9) !important;
}

.hover\:text-primary:hover {
  color: #f2420d !important;
}

/* Accent utilities */
.bg-accent {
  background-color: #ffb703 !important; /* Example yellow-orange */
}

.text-accent {
  color: #ffb703 !important;
}

  /* Override Tailwind container widths */
  .container {
    max-width: 100% !important; 
    padding-left: 2rem;
    padding-right: 2rem;
  }

  @media (min-width: 768px) {
    .container {
      max-width: 1200px !important; /* adjust as you like */
    }
  }

  @media (min-width: 1280px) {
    .container {
      max-width: 1400px !important; /* wider for large screens */
    }
  }