/* ===== CSS RESET ===== */
:root {
    --body-bg: #f8f9fa;
    --body-text: #333;
    --surface: #ffffff;
    --surface-muted: #f8f9fa;
    --surface-strong: #ffffff;
    --header-bg: #ffffff;
    --nav-link: #555;
    --nav-link-hover: #7b014c;
    --cta-bg: #7b014c;
    --cta-text: #ffffff;
    --border: #e5e7eb;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;;
}

/* ================= GLOBAL TYPOGRAPHY ================= */

/* Base font applied once */
body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* Make EVERYTHING use the same font */
*, *::before, *::after {
    font-family: inherit;
}

/* Headings styling */
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    color: #333;
}

/* Ensure form elements inherit the font */
button,
input,
select,
textarea {
    font: inherit;
    color: inherit;
}