/*
Theme Name:     Hello Elementor Child
Theme URI:      
Description:    Hello-elementor child theme.
Author:         Me
Author URI:     
Template:       hello-elementor
Version:        0.1.0
*/

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

body {
    font-family: 'Inter', sans-serif;
    color: #1A2B4C;
    background-color: #FFFFFF;
    line-height: 1.6;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #0F172A;
    margin-bottom: 1rem;
}

h1 { font-size: 3rem; line-height: 1.2; letter-spacing: -0.02em; }
h2 { font-size: 2.25rem; margin-top: 2rem; }
h3 { font-size: 1.5rem; }

p {
    margin-bottom: 1.5rem;
    color: #334155;
    font-size: 1.125rem;
}

/* Stylish lists */
ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 0.75rem;
}

ul li::before {
    content: '✓';
    color: #2563EB;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Cards & Layout */
hr {
    border: 0;
    height: 1px;
    background: #E2E8F0;
    margin: 3rem 0;
}

/* Base button styling */
a.button, button {
    display: inline-block;
    background-color: #1A2B4C;
    color: #FFF;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

a.button:hover, button:hover {
    background-color: #FFFFFF;
    color: #1A2B4C;
    border-color: #1A2B4C;
}

/* Content wrapper */
.site-main {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}