/* Global Font Styles - Raleway */
* {
    font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Global body margin reset */
body {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Font weight utilities */
.font-thin { font-weight: 100; }
.font-extralight { font-weight: 200; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* Font style utilities */
.font-normal { font-style: normal; }
.font-italic { font-style: italic; }

/* Typography improvements with Raleway */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    letter-spacing: -0.025em;
}

h1 {
    font-weight: 700;
    letter-spacing: -0.05em;
}

h2 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

h3 {
    font-weight: 600;
}

p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

a {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

button, input, textarea, select {
    font-family: 'Raleway', sans-serif;
}

/* Navigation improvements */
nav a {
    font-weight: 500;
    letter-spacing: 0.025em;
}

/* Button improvements */
button {
    font-weight: 600;
    letter-spacing: 0.025em;
}

/* Form improvements */
label {
    font-weight: 500;
    letter-spacing: 0.025em;
}

input, textarea, select {
    font-weight: 400;
}

/* Card and content improvements */
.card h3 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

.card p {
    font-weight: 400;
    line-height: 1.6;
}

/* Course and lesson titles */
.course-title, .lesson-title {
    font-weight: 600;
    letter-spacing: -0.025em;
}

.course-description, .lesson-description {
    font-weight: 400;
    line-height: 1.6;
}

/* Auth pages improvements */
.auth-title {
    font-weight: 700;
    letter-spacing: -0.05em;
}

.auth-subtitle {
    font-weight: 400;
}

.form-label {
    font-weight: 500;
    letter-spacing: 0.025em;
}

/* Payment page improvements */
.payment-header h1 {
    font-weight: 700;
    letter-spacing: -0.05em;
}

.payment-form-header h2 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

.form-section h3 {
    font-weight: 600;
}

/* Profile page improvements */
.profile-title {
    font-weight: 700;
    letter-spacing: -0.05em;
}

.info-card h2 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

.course-title {
    font-weight: 600;
}

/* Footer improvements */
footer h3 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

footer a {
    font-weight: 400;
}

/* Responsive font sizes */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
        letter-spacing: -0.025em;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.375rem;
    }
    
    h3 {
        font-size: 1.125rem;
    }
}