/*
 * app.css - EveryMartian.com global styles
 *
 * Tailwind utility classes handle 95% of styling via the CDN config.
 * This file contains only the small set of custom styles that cannot
 * be expressed purely as Tailwind classes.
 */

/* ── Base ──────────────────────────────────────────────────────────────────── */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Tailwind shadow utilities (used in article cards) ─────────────────────── */

.shadow-card {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.2);
}

.shadow-card-hover {
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.4), 0 0 10px rgba(0,212,255,0.1);
}

.shadow-glow-cyan {
    box-shadow: 0 0 10px rgba(0,212,255,0.5), 0 0 20px rgba(0,212,255,0.3);
}

/* ── Masthead ───────────────────────────────────────────────────────────────── */

.masthead img {
    display: block;
    width: 100%;
    height: auto;
}

/* ── Article prose overrides (also defined inline per view for portability) ── */

.prose h2 { color: #00D4FF; }
.prose h3 { color: #66E5FF; }
.prose a   { color: #00D4FF; }
.prose a:hover { color: #66E5FF; }