/* Simplified, clean theme for SproutShip */
:root{
    --primary: #2563eb; /* clean blue */
    --primary-dark: #1e40af;
    --accent: #06b6d4; /* subtle teal accent */
    --bg: #fbfdff; /* very light */
    --bg-card: #ffffff;
    --bg-hover: #f3f6fb;
    --text-primary: #0f1720;
    --text-secondary: #475569;
    --text-tertiary: #6b7280;
    --border-light: rgba(15,23,32,0.06);
    --shadow-sm: 0 6px 18px rgba(15,23,20,0.04);
    --shadow-md: 0 14px 32px rgba(15,23,20,0.06);
    --radius-lg: 10px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    --space-1: 4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
}

body{
    background: var(--bg);
    color: var(--text-primary);
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

/* Hero tweaks (simpler) */
.hero-section{ padding: calc(var(--space-12) + 12px) 0; }
.hero-content h1, .hero-subtitle{ text-shadow: none; }
.search-box{ background: #ffffff; padding: 14px; border-radius: 12px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); }

/* Buttons: flat, single-color, subtle elevation */
.btn-primary{ background: var(--primary); color: white; border: none; box-shadow: 0 6px 20px rgba(37,99,235,0.08); }
.btn-primary:hover{ transform: translateY(-1px); box-shadow: var(--shadow-md); background: var(--primary-dark); }
.btn-outline{ border: 1px solid var(--border-light); background: transparent; color: var(--text-primary); }

/* Cards */
.card, .job-card, .preview-card{ background: var(--bg-card); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); }

/* Footer: dark but muted for good contrast */
footer{ background: #0b1220; color: rgba(255,255,255,0.92); }
footer a{ color: rgba(255,255,255,0.9); }

/* Small accents */
.job-match{ position:absolute; top:12px; right:12px; background: rgba(37,99,235,0.08); color: var(--primary-dark); padding: 6px 10px; border-radius: 999px; font-weight:600; font-size:0.85rem; }

/* Toast tweaks */
.toast { border-radius: 8px; box-shadow: 0 8px 30px rgba(15,23,20,0.06); }

/* Subtle floating for hero icon */
.animate-float-hero { animation: float 4s ease-in-out infinite; }

/* Accessibility: focus outlines */
:focus{ outline: 3px solid rgba(37,99,235,0.12); outline-offset: 2px; }

/* Make links gently colored */
a { color: var(--primary); }

@media (prefers-reduced-motion: reduce){
    .animate-fade-in-up, .animate-fade-in, .animate-scale-in, .animate-float-hero { animation: none !important; }
}

/* Preloader */
#preloader { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(250,252,255,0.95); z-index: 99999; }
.preloader-card { background: var(--bg-card); padding: 1rem 1.25rem; border-radius: 10px; box-shadow: var(--shadow-md); display: flex; gap: .6rem; align-items: center; }
.preloader-spinner { width: 34px; height: 34px; border-radius: 50%; border: 4px solid rgba(37,99,235,0.12); border-top-color: var(--primary); animation: spin 1s linear infinite; }
.preloader-text { font-weight: 600; color: var(--text-secondary); }

/* Navbar tweaks for simple theme */
.navbar { background: #ffffff; }
.navbar.scrolled { background: #ffffff; box-shadow: 0 6px 22px rgba(15,23,20,0.04); }