/* Cambridge Potentia Brand Styles */
:root {
  --cp-primary: #0E1F3A;
  --cp-accent: #C2A46C;
  --cp-accent-hover: #a88d59;
  --cp-accent-light: #d4b87a;
  --cp-ivory: #F6F3EB;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Typography */
body {
  font-family: var(--font-sans);
}

.font-serif,
h1, h2, h3 {
  font-family: var(--font-serif);
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Hero */
section.cp-hero {
  position: relative;
  background: linear-gradient(rgba(14,31,58,0.75), rgba(14,31,58,0.75)), url('/playground/assets/images/homepage-hero-premium-v1.webp') center/cover no-repeat;
  color: #ffffff;
  padding: 4rem 1.5rem;
  min-height: 60vh;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  section.cp-hero {
    padding: 6rem 2.5rem;
    min-height: 70vh;
  }
}

.cp-hero-content {
  max-width: 42rem;
}

/* Sections */
.cp-section {
  padding: 4rem 1.5rem;
}

@media (min-width: 768px) {
  .cp-section {
    padding: 5rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .cp-section {
    padding: 5rem 4rem;
  }
}

/* Container */
.cp-container {
  max-width: 72rem;
  margin: 0 auto;
}

/* Headings */
.cp-heading {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--cp-primary);
  line-height: 1.25;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .cp-heading {
    font-size: 2.25rem;
  }
}

/* Body text */
.cp-body {
  color: #4B5563;
  line-height: 1.75;
}

/* Accent divider */
.cp-divider {
  width: 4rem;
  height: 0.2rem;
  background-color: var(--cp-accent);
  border-radius: 9999px;
  margin: 1rem 0 2rem;
}