/* CPD Standards Office Theme */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Montserrat:wght@600&display=swap');

:root {
  /* Primary Colors - CPD Standards */
  --cpd-navy: rgb(0, 35, 72);
  --cpd-blue: rgb(42, 181, 247);
  --cpd-charcoal: rgb(25, 27, 33);

  /* Secondary Colors */
  --cpd-gray-light: rgb(238, 240, 242);
  --cpd-blue-soft: rgb(189, 225, 244);
  --cpd-gray-medium: rgb(102, 115, 141);
  --cpd-pink-accent: rgb(214, 44, 100);

  /* Typography */
  --font-inter: 'Inter', sans-serif;
  --font-montserrat: 'Montserrat', sans-serif;
}

/* Base Typography */
body {
  font-family: var(--font-inter);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.6;
  color: var(--cpd-charcoal);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-inter);
  font-weight: 600;
  color: var(--cpd-navy);
}

/* DaisyUI Theme Overrides */
[data-theme="light"] {
  --p: 210 100% 28%;  /* Primary - CPD Navy */
  --pf: 210 100% 22%;
  --pc: 0 0% 100%;
  --s: 197 96% 56%;    /* Secondary - CPD Blue */
  --sf: 197 96% 46%;
  --sc: 0 0% 100%;
  --a: 345 78% 51%;    /* Accent - Pink */
  --af: 345 78% 41%;
  --ac: 0 0% 100%;
  --n: 217 14% 10%;    /* Neutral - Charcoal */
  --nf: 217 14% 8%;
  --nc: 0 0% 100%;
  --b1: 0 0% 100%;     /* Base */
  --b2: 0 0% 95%;
  --b3: 0 0% 90%;
  --bc: 217 14% 10%;
}

/* Button Styles - CPD Theme */
.btn-primary {
  background-color: var(--cpd-blue);
  border-color: var(--cpd-blue);
  color: white;
  font-family: var(--font-montserrat);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}

.btn-primary:hover {
  background-color: rgba(42, 181, 247, 0.8);
  border-color: rgba(42, 181, 247, 0.8);
}

.btn-secondary {
  background-color: var(--cpd-navy);
  border-color: var(--cpd-navy);
  color: white;
  font-family: var(--font-montserrat);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}

.btn-secondary:hover {
  background-color: rgba(0, 35, 72, 0.8);
  border-color: rgba(0, 35, 72, 0.8);
}

/* Cards */
.card {
  border-radius: 0px; /* Sharp edges like CPD Standards */
  transition: all 0.5s ease;
}

/* Utility Classes */
.text-cpd-navy {
  color: var(--cpd-navy);
}

.text-cpd-blue {
  color: var(--cpd-blue);
}

.bg-cpd-navy {
  background-color: var(--cpd-navy);
}

.bg-cpd-blue {
  background-color: var(--cpd-blue);
}

.bg-cpd-gray-light {
  background-color: var(--cpd-gray-light);
}

/* Responsive Typography */
@media (max-width: 991px) {
  body {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

/* Transitions */
a, button, .btn {
  transition: all 0.5s ease;
}

/* Container Spacing - CPD Style */
.container-cpd {
  max-width: 1170px;
  margin: 0 auto;
  padding: 75px 15px;
}

@media (max-width: 991px) {
  .container-cpd {
    padding: 50px 15px;
  }
}

@media (max-width: 767px) {
  .container-cpd {
    padding: 25px 15px;
  }
}