/* Velmara website — minimal custom CSS on top of Tailwind.
   Reserve this for things Tailwind doesn't do cleanly (e.g., prose typography,
   specific font fallbacks, animation easings). */

body {
    background-image:
        radial-gradient(circle at 10% 20%, rgba(160, 85, 43, 0.05), transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(212, 160, 74, 0.04), transparent 40%);
    background-attachment: fixed;
}

/* Tailwind's typography plugin isn't included via CDN, so add minimal prose styles. */
.prose-invert h2 { color: #d4a04a; }
.prose-invert p  { line-height: 1.6; }
.prose-invert code {
    background: rgba(42, 41, 37, 0.6);
    padding: 1px 6px;
    border-radius: 3px;
    color: #d4a04a;
    font-size: 0.9em;
}

/* Smooth-fade hover on cards. */
a.block { transition: border-color 150ms ease, background-color 150ms ease; }