/* Import Crimson Text from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Crimson Text utility classes */
.font-crimson {
    font-family: 'Crimson Text', serif;
}

.font-crimson-regular {
    font-family: 'Crimson Text', serif;
    font-weight: 400;
}

.font-crimson-semibold {
    font-family: 'Crimson Text', serif;
    font-weight: 600;
}

.font-crimson-bold {
    font-family: 'Crimson Text', serif;
    font-weight: 700;
}

.font-crimson-italic {
    font-family: 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
}

.font-crimson-semibold-italic {
    font-family: 'Crimson Text', serif;
    font-style: italic;
    font-weight: 600;
}

.font-crimson-bold-italic {
    font-family: 'Crimson Text', serif;
    font-style: italic;
    font-weight: 700;
}

/* Base styles with consistent font family */
* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
}

/* Buttons and UI elements */
button, .btn, input[type="submit"], input[type="button"] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
}

/* Form inputs */
input, textarea, select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
}

/* Links and navigation */
a, nav {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
}

/* Paragraphs and text elements */
p, span, div, li, td, th {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
}

/* Code and monospace elements */
code, pre, kbd, samp, .font-mono {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro', 'Fira Code', 'Droid Sans Mono', 'Courier New', monospace;
}

/* Utility classes for different weights */
.font-light {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
}

.font-regular {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.font-medium {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.font-semibold {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.font-bold {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}

.font-extrabold {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
}

.font-black {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
}

/* Italic variants */
.font-light-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 300;
}

.font-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 400;
}

.font-medium-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 500;
}

.font-semibold-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 600;
}

.font-bold-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 700;
}

.font-extrabold-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 800;
}

.font-black-italic {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 900;
}

/* Monospace utilities */
.font-mono {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
}

.font-mono-light {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
    font-weight: 300;
}

.font-mono-regular {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
    font-weight: 400;
}

.font-mono-medium {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
    font-weight: 500;
}

.font-mono-semibold {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
    font-weight: 600;
}

.font-mono-bold {
    font-family: 'Monaco', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
    font-weight: 700;
}