/* site.css - Styles for PlanetJon */

:root { --bg-color: #0f0f0f; --text-color: #f4f4f4; --accent-color: #f7931e; /* Warm amber/orange */ --card-bg: rgba(255, 255, 255, 0.02); --font-main: 'Inter', sans-serif; }

body { margin: 0; padding: 0; background-color: var(--bg-color); color: var(--text-color); font-family: var(--font-main); line-height: 1.6; }

p { margin-bottom: 0.5rem; }

h1, h2, h3, h4, h5, h6 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

@media (max-width: 600px) { p { margin-bottom: 0.35rem; }

h1, h2, h3, h4, h5, h6 { margin-top: 0.35rem; margin-bottom: 0.35rem; } }

header .hero-image { width: 100%; height: auto; display: block; }

nav.main-nav { background-color: transparent; padding: 1rem 0; text-align: center; }

nav.main-nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 2rem; }

nav.main-nav a { color: var(--accent-color); text-decoration: none; font-weight: 600; font-size: 1rem; }

main { padding: 2rem 1rem; max-width: 900px; margin: 0 auto; }

section { margin-bottom: 2rem; padding: 1.5rem; background-color: var(--card-bg); border-radius: 0.75rem; }

.examples ul { list-style: none; padding: 0; margin: 1rem 0 0; }

.examples li { margin-bottom: 0.5rem; font-size: 1.1rem; }

footer { text-align: center; padding: 1rem; font-size: 0.9rem; color: #aaa; border-top: 1px solid #222; }

.email { font-style: italic; }