:root {
    --ink: #131b41;
    --paper: #ffffff;
    --accent: #566874;
    --accent-text: #ffffff;
    --accent-2: #1b1b1b;
    --accent-2-text: #ffffff;
    --sand: #b4b7bd;
    --sand-text: #1b1b1b;
    --success: #28a745;
    --success-text: #ffffff;
    --danger: #dc3545;
    --danger-text: #ffffff;
    --warning: #ffc107;
    --warning-text: #1b1b1b;
    --info: #17a2b8;
    --info-text: #ffffff;
    --light: #f8f9fa;
    --light-text: #131b41;
    --dark: #131b41;
    --dark-text: #ffffff;
    --header-bg: rgba(255, 255, 255, 0.9);

    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --section-padding-y: 56px;
    --section-padding-x: 24px;

    --container-max-width: 1100px;
    --container-padding: 24px;

    --font-heading: "Poppins", system-ui, sans-serif;
    --font-body: "Source Sans Pro", system-ui, sans-serif;
  }

  body {
    font-family: var(--font-body);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
  }

  /* Button styles */
    .btn,
  .btn-primary,
  .btn-secondary,
  .wp-block-button__link {
    border-radius: var(--radius-md) !important;
  }
  
  /* Apply border radius to hero images */
  .hero-image.mock {
    border-radius: var(--radius-xl);
    overflow: hidden;
  }

  .hero-image img {
    border-radius: var(--radius-xl);
  }

  /* Circular hero images */
  .hero-image--circular.mock,
  .hero-image--circular img {
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  /* Gradient Animations */
  @keyframes gradient-animation-1 {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.gradient-animation-1 {
  background-size: 200% 200%;
  animation: gradient-animation-1 7s ease-in-out infinite alternate;
}

@keyframes gradient-animation-2 {
  0% { background-position: 0% 50%; }
  25% { background-position: 100% 50%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
  100% { background-position: 0% 50%; }
}

.gradient-animation-2 {
  background-size: 200% 200%;
  animation: gradient-animation-2 10s linear infinite normal;
}

@keyframes gradient-animation-3 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; }
}

.gradient-animation-3 {
  animation: gradient-animation-3 6s ease-in-out infinite alternate;
}


  /* Header positioning */
  header {
    background: rgba(255, 255, 255, 0.9) !important;
    position: static;
      }

  /* Allow mobile nav to override header position when open */
  @media (max-width: 768px) {
    .mobile-nav-open header {
      position: fixed !important;
    }

    /* Add padding to body to prevent content jump when header becomes fixed */
    .mobile-nav-open body {
      padding-top: var(--header-height, 80px);
    }
  }

  /* Hide brand text when logo is present and setting is enabled */
    .logo .brand,
  .logo .tag {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
  
  /* Dynamic logo sizing */
  .logo .custom-logo-link {
    display: block;
    width: 500px;
    height: 0px;
  }

  .logo .custom-logo {
    width: 500px;
    height: 0px;
    object-fit: cover;
    border-radius: 12px;
  }

  /* Fallback logo sizing - no shadows for seamless blend */
  .logo > a > div:first-child {
    width: 500px !important;
    height: 0px !important;
    box-shadow: none !important;
  }

  /* Remove shadows from logo containers */
  .logo > div > div:first-child {
    box-shadow: none !important;
  }

  /* Color Scheme Styles */
    .color-scheme-1 {
    background-color: #ffffff;
    background: #ffffff;
    color: #131b41;
        --accent: #566874;
    --accent-text: #ffffff;
              }

  .color-scheme-1 h1:not([class*='color-scheme-'] h1),
  .color-scheme-1 h2:not([class*='color-scheme-'] h2),
  .color-scheme-1 h3:not([class*='color-scheme-'] h3),
  .color-scheme-1 h4:not([class*='color-scheme-'] h4),
  .color-scheme-1 h5:not([class*='color-scheme-'] h5),
  .color-scheme-1 h6:not([class*='color-scheme-'] h6) {
    color: #131b41;
  }

  .color-scheme-1 .btn:not([class*='color-scheme-'] .btn),
  .color-scheme-1 .btn-primary:not([class*='color-scheme-'] .btn-primary) {
    background: #566874;
    color: #ffffff;
    border-color: #566874;
  }

  .color-scheme-1 .btn:hover:not([class*='color-scheme-'] .btn:hover),
  .color-scheme-1 .btn-primary:hover:not([class*='color-scheme-'] .btn-primary:hover) {
    opacity: 0.9;
  }

  
  .color-scheme-1 a:not(.btn),
  .color-scheme-1 .link {
    color: #566874;
  }

  .color-scheme-1 .kicker:not([class*='color-scheme-'] .kicker) {
    color: #131b41;
    opacity: 0.7;
  }

  .color-scheme-1 .testimonial-text,
  .color-scheme-1 .testimonial-attribution,
  .color-scheme-1 .testimonial-prev,
  .color-scheme-1 .testimonial-next {
    color: #131b41;
  }
    .color-scheme-2 {
    background-color: #2f2f2f;
    background: linear-gradient(135deg, #2f2f2f, #131b41);
    color: #ffffff;
        --accent: #c4c4c4;
    --accent-text: #1b1b1b;
            --accent-2: #ffffff;
    --accent-2-text: #1b1b1b;
          }

  .color-scheme-2 h1:not([class*='color-scheme-'] h1),
  .color-scheme-2 h2:not([class*='color-scheme-'] h2),
  .color-scheme-2 h3:not([class*='color-scheme-'] h3),
  .color-scheme-2 h4:not([class*='color-scheme-'] h4),
  .color-scheme-2 h5:not([class*='color-scheme-'] h5),
  .color-scheme-2 h6:not([class*='color-scheme-'] h6) {
    color: #ffffff;
  }

  .color-scheme-2 .btn:not([class*='color-scheme-'] .btn),
  .color-scheme-2 .btn-primary:not([class*='color-scheme-'] .btn-primary) {
    background: #c4c4c4;
    color: #1b1b1b;
    border-color: #c4c4c4;
  }

  .color-scheme-2 .btn:hover:not([class*='color-scheme-'] .btn:hover),
  .color-scheme-2 .btn-primary:hover:not([class*='color-scheme-'] .btn-primary:hover) {
    opacity: 0.9;
  }

    .color-scheme-2 .btn-secondary:not([class*='color-scheme-'] .btn-secondary) {
    background: #ffffff;
    color: #1b1b1b;
    border-color: #ffffff;
  }

  .color-scheme-2 .btn-secondary:hover:not([class*='color-scheme-'] .btn-secondary:hover) {
    opacity: 0.9;
  }
  
  .color-scheme-2 a:not(.btn),
  .color-scheme-2 .link {
    color: #c4c4c4;
  }

  .color-scheme-2 .kicker:not([class*='color-scheme-'] .kicker) {
    color: #ffffff;
    opacity: 0.7;
  }

  .color-scheme-2 .testimonial-text,
  .color-scheme-2 .testimonial-attribution,
  .color-scheme-2 .testimonial-prev,
  .color-scheme-2 .testimonial-next {
    color: #ffffff;
  }
    .color-scheme-3 {
    background-color: #b4b7bd;
    background: linear-gradient(135deg, #b4b7bd, #ffffff);
    color: #131b41;
        --accent: #131b41;
    --accent-text: #ffffff;
            --accent-2: #ffffff;
    --accent-2-text: #1b1b1b;
          }

  .color-scheme-3 h1:not([class*='color-scheme-'] h1),
  .color-scheme-3 h2:not([class*='color-scheme-'] h2),
  .color-scheme-3 h3:not([class*='color-scheme-'] h3),
  .color-scheme-3 h4:not([class*='color-scheme-'] h4),
  .color-scheme-3 h5:not([class*='color-scheme-'] h5),
  .color-scheme-3 h6:not([class*='color-scheme-'] h6) {
    color: #131b41;
  }

  .color-scheme-3 .btn:not([class*='color-scheme-'] .btn),
  .color-scheme-3 .btn-primary:not([class*='color-scheme-'] .btn-primary) {
    background: #131b41;
    color: #ffffff;
    border-color: #131b41;
  }

  .color-scheme-3 .btn:hover:not([class*='color-scheme-'] .btn:hover),
  .color-scheme-3 .btn-primary:hover:not([class*='color-scheme-'] .btn-primary:hover) {
    opacity: 0.9;
  }

    .color-scheme-3 .btn-secondary:not([class*='color-scheme-'] .btn-secondary) {
    background: #ffffff;
    color: #1b1b1b;
    border-color: #ffffff;
  }

  .color-scheme-3 .btn-secondary:hover:not([class*='color-scheme-'] .btn-secondary:hover) {
    opacity: 0.9;
  }
  
  .color-scheme-3 a:not(.btn),
  .color-scheme-3 .link {
    color: #131b41;
  }

  .color-scheme-3 .kicker:not([class*='color-scheme-'] .kicker) {
    color: #131b41;
    opacity: 0.7;
  }

  .color-scheme-3 .testimonial-text,
  .color-scheme-3 .testimonial-attribution,
  .color-scheme-3 .testimonial-prev,
  .color-scheme-3 .testimonial-next {
    color: #131b41;
  }
    .color-scheme-4 {
    background-color: #131b41;
    background: linear-gradient(135deg, #131b41, #566874);
    color: #ffffff;
        --accent: #b4b7bd;
    --accent-text: #1b1b1b;
              }

  .color-scheme-4 h1:not([class*='color-scheme-'] h1),
  .color-scheme-4 h2:not([class*='color-scheme-'] h2),
  .color-scheme-4 h3:not([class*='color-scheme-'] h3),
  .color-scheme-4 h4:not([class*='color-scheme-'] h4),
  .color-scheme-4 h5:not([class*='color-scheme-'] h5),
  .color-scheme-4 h6:not([class*='color-scheme-'] h6) {
    color: #ffffff;
  }

  .color-scheme-4 .btn:not([class*='color-scheme-'] .btn),
  .color-scheme-4 .btn-primary:not([class*='color-scheme-'] .btn-primary) {
    background: #b4b7bd;
    color: #1b1b1b;
    border-color: #b4b7bd;
  }

  .color-scheme-4 .btn:hover:not([class*='color-scheme-'] .btn:hover),
  .color-scheme-4 .btn-primary:hover:not([class*='color-scheme-'] .btn-primary:hover) {
    opacity: 0.9;
  }

  
  .color-scheme-4 a:not(.btn),
  .color-scheme-4 .link {
    color: #b4b7bd;
  }

  .color-scheme-4 .kicker:not([class*='color-scheme-'] .kicker) {
    color: #ffffff;
    opacity: 0.7;
  }

  .color-scheme-4 .testimonial-text,
  .color-scheme-4 .testimonial-attribution,
  .color-scheme-4 .testimonial-prev,
  .color-scheme-4 .testimonial-next {
    color: #ffffff;
  }
    .color-scheme-5 {
    background-color: #ffffff;
    background: linear-gradient(180deg, #ffffff, #b4b7bd);
    color: #1b1b1b;
        --accent: #131b41;
    --accent-text: #ffffff;
              }

  .color-scheme-5 h1:not([class*='color-scheme-'] h1),
  .color-scheme-5 h2:not([class*='color-scheme-'] h2),
  .color-scheme-5 h3:not([class*='color-scheme-'] h3),
  .color-scheme-5 h4:not([class*='color-scheme-'] h4),
  .color-scheme-5 h5:not([class*='color-scheme-'] h5),
  .color-scheme-5 h6:not([class*='color-scheme-'] h6) {
    color: #1b1b1b;
  }

  .color-scheme-5 .btn:not([class*='color-scheme-'] .btn),
  .color-scheme-5 .btn-primary:not([class*='color-scheme-'] .btn-primary) {
    background: #131b41;
    color: #ffffff;
    border-color: #131b41;
  }

  .color-scheme-5 .btn:hover:not([class*='color-scheme-'] .btn:hover),
  .color-scheme-5 .btn-primary:hover:not([class*='color-scheme-'] .btn-primary:hover) {
    opacity: 0.9;
  }

  
  .color-scheme-5 a:not(.btn),
  .color-scheme-5 .link {
    color: #131b41;
  }

  .color-scheme-5 .kicker:not([class*='color-scheme-'] .kicker) {
    color: #1b1b1b;
    opacity: 0.7;
  }

  .color-scheme-5 .testimonial-text,
  .color-scheme-5 .testimonial-attribution,
  .color-scheme-5 .testimonial-prev,
  .color-scheme-5 .testimonial-next {
    color: #1b1b1b;
  }