/* KANSAS - Custom Brand Stylesheet */

body {
    font-family: 'Open Sans', sans-serif;
    color: #4A4A4A;
    background-color: #FAFAFA;
}

h1, h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
}

/* Custom brand colors matching the logo */
:root {
    --brand-gray: #4A4A4A;
    --brand-magenta: #C74099;
    --brand-yellow: #FBCD16;
    --brand-orange: #F39223;
}

.text-brand-gray { color: var(--brand-gray); }
.text-brand-magenta { color: var(--brand-magenta); }
.bg-brand-magenta { background-color: var(--brand-magenta); }
.bg-brand-gray { background-color: var(--brand-gray); }
.bg-brand-yellow { background-color: var(--brand-yellow); }
.border-brand-magenta { border-color: var(--brand-magenta); }
.border-brand-yellow { border-color: var(--brand-yellow); }

/* Custom Swirl Background matching logo aesthetic */
.hero-shape {
    position: absolute;
    top: -10%;
    right: -5%;
    width: 600px;
    height: 600px;
    background: linear-gradient(135deg, rgba(199, 64, 153, 0.1) 0%, rgba(243, 146, 35, 0.1) 100%);
    border-radius: 43% 57% 70% 30% / 45% 45% 55% 55%;
    z-index: -1;
    animation: morph 12s ease-in-out infinite alternate;
}

@keyframes morph {
    0% { border-radius: 43% 57% 70% 30% / 45% 45% 55% 55%; }
    50% { border-radius: 70% 30% 52% 48% / 60% 40% 60% 40%; }
    100% { border-radius: 43% 57% 70% 30% / 45% 45% 55% 55%; }
}