@import 'hero.css';
@import 'featured-employers.css';
@import 'categories.css';
@import 'site-features.css';
@import 'job-seeker-tools.css';
@import 'footer.css';
@import 'error-page.css';
@import 'auth-forms.css';
@import 'job-alerts.css';
@import 'admin.css';
@import 'careers.css';
@import 'legal.css';
@import 'custom-select.css';

:root {
    color-scheme: dark;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #04173b;
    color: #eef2ff;
    line-height: 1.5;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    background: radial-gradient(circle at top right, rgba(74,208,106,0.12), transparent 28%),
                radial-gradient(circle at bottom left, rgba(255,255,255,0.08), transparent 16%),
                #04173b;
}

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

button, input, select {
    font: inherit;
}

button {
    border: none;
}

a {
    color: inherit;
}

.breadcrumbs {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.25rem 1.5rem 0;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.85rem;
    color: rgba(238, 242, 255, 0.5);
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.breadcrumbs__item a {
    color: rgba(238, 242, 255, 0.65);
    text-decoration: none;
}

.breadcrumbs__item a:hover {
    color: var(--hero-accent, #4ad06a);
    text-decoration: underline;
}

.breadcrumbs__separator {
    color: rgba(238, 242, 255, 0.35);
}