:root{--color-sh-primary:oklch(63.89% 0.141 251.71);--color-primary:oklch(63.89% 0.141 251.71)}
body.admin{--color-primary:oklch(63.89% 0.141 251.71)}
/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap');

/* Body Styling */
body {
   font-family: 'Source Sans 3', sans-serif;
   font-size: 16px;
   line-height: 1.6;
   color: #333;
   background-color: #fff;
   margin: 0;
   padding: 0;
}

/* Hero Section */
.widget-hero {
   text-align: center;
   background-color: #333; /* Dark background */
   color: white; /* White text */
}

.widget-hero h1 {
   font-family: 'Source Sans 3', sans-serif;
   font-weight: 700;
   color: white;
   font-size: 3rem; /* Large font size */
line-height: 1; /* Default line height for better spacing */
   margin: 0 0 15px;
}

.widget-hero p {
   font-size: 1.2rem;
   margin: 0;
   color: white;
}

/* General Heading Styling */
h1, h2 {
   font-family: 'Source Sans 3', sans-serif;
   font-weight: 700;
   color: #333;
   text-align: center;
   margin: 20px 0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
   .widget-hero h1 {
      font-size: 2rem; /* Adjust font size for smaller screens */
   }

   .box {
      font-size: 0.9rem; /* Smaller text in blue boxes */
   }
}

/* Section Titles */
.section-title {
   font-family: 'Source Sans 3', sans-serif;
   font-weight: 700;
   font-size: 1.5rem;
   color: #111;
   margin: 20px 0;
   text-transform: uppercase;
}

.hero-widget {
    aspect-ratio: 4.5;
}