/* ==================== */
/* Reset & Base Styles  */
/* ==================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #FFF7F9;
}

/* ==================== */
/* Typography           */
/* ==================== */

h1 {
    font-family: 'Bebas Neue', cursive;
    font-size: clamp(3.5rem, calc(11.686vw - 0.604rem), 6.875rem);
    font-weight: 400;
    line-height: 0.95;
    color: #7C51A1;
}

h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(3rem, calc(3.005vw + 1.202rem), 3.125rem);
    line-height: 1;
    color: #7C51A1;
}

h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(2.5rem, calc(1.336vw + 1.395rem), 2.25rem);
    line-height: 1.1;
    color: #f05b89;
}

h4 {
    font-family: 'jost', 'medium', sans-serif;
    font-size: clamp(1.25rem, calc(0.668vw + 1.073rem), 1.5rem);
    font-weight: 500;
    line-height: 1.4;
    color: #3c3048;
}

h5 {
    font-family: 'jost', 'medium', sans-serif;
    font-size: clamp(1.125rem, calc(0.668vw + 0.948rem), 1.375rem);
    line-height: 1.4;
    color: #7C51A1;
}

p {
    font-family: 'Manrope', 'medium', sans-serif;
    font-size: clamp(1rem, calc(0.334vw + 0.911rem), 1.125rem);
    line-height: 1.6;
    color: #3c3048;
}

small {
    font-family: 'Manrope', 'medium', sans-serif;
    font-size: clamp(0.875rem, calc(0.334vw + 0.786rem), 1rem);
    line-height: 1.4;
}

a {
    color: #0066cc;
    transition: color 0.3s ease;
}

a:hover {
    color: #0052a3;
}

.bold {
    font-weight: bold;
}