/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500&display=swap');

/* ===== GLOBAL STYLES ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg-light: #FFFFFF;
    --bg-secondary: #F9FAFB;
    --primary-accent: #4F46E5; /* Indigo */
    --primary-accent-hover: #4338CA; /* Darker Indigo */
    --text-primary: #111827; /* Dark Gray */
    --text-secondary: #6B7280; /* Medium Gray */
    --border-color: #E5E7EB;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
    color: var(--text-secondary);
    background: var(--bg-light);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    color: var(--text-primary);
    font-weight: 600;
}

a {
    text-decoration: none;
    color: var(--primary-accent);
    transition: all 0.3s ease;
}

a:hover {
    color: var(--primary-accent-hover);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}