:root {
    --color-primary: #1a4d7a;
    --color-primary-hover: #123a5c;
    --color-accent: #c85c2e;
    --color-accent-hover: #a84a20;
    --color-bg: #ffffff;
    --color-bg-alt: #f5f6f8;
    --color-bg-hero: #0f1e2e;
    --color-text: #1a1a1a;
    --color-text-muted: #5a6670;
    --color-border: #dde2e8;
    --font-heading: 'Archivo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Archivo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --btn-padding: 0.85rem 1.75rem;
    --btn-radius: 6px;
    --btn-weight: 600;
    --btn-size: 1rem;
    --btn-transition: 0.18s ease;
    --input-padding: 0.75rem 1rem;
    --input-border: 1px solid #dde2e8;
    --input-radius: 6px;
    --input-bg: #ffffff;
    --input-size: 1rem;
    --focus-shadow: 0 0 0 3px rgba(26, 77, 122, 0.15);
    --img-radius: 6px;
    --img-shadow: 0 1px 3px rgba(0,0,0,0.08);
    --img-hover-shadow: 0 2px 6px rgba(0,0,0,0.12);
    --img-aspect: 16/10;
    --card-radius: 8px;
    --card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.05);
    --card-padding: 1.5rem;
    --hover-speed: 0.18s;
    --hover-ease: ease;
    --container-max: 1200px;
    --radius: 6px;
}

h1 {
    font-family: var(--font-heading);
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

h2 {
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    color: var(--color-primary);
}

h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
}

h4 {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.35;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
}

h5 {
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
}

@media (prefers-color-scheme: dark) {
    :root {
    --color-primary: #6fa8d6;
    --color-primary-hover: #8cbce3;
    --color-accent: #e88866;
    --color-accent-hover: #f0a186;
    --color-bg: #141a20;
    --color-bg-alt: #1c242c;
    --color-bg-hero: #0a1118;
    --color-text: #e0e4e8;
    --color-text-muted: #8a94a0;
    --color-border: #2a3540;
    }
}

[data-theme='dark'] {
    --color-primary: #6fa8d6;
    --color-primary-hover: #8cbce3;
    --color-accent: #e88866;
    --color-accent-hover: #f0a186;
    --color-bg: #141a20;
    --color-bg-alt: #1c242c;
    --color-bg-hero: #0a1118;
    --color-text: #e0e4e8;
    --color-text-muted: #8a94a0;
    --color-border: #2a3540;
}