/* Custom styles for Rooya AI
   Served at /public/styles.css — loaded on every page via config.toml [UI].custom_css
   ─────────────────────────────────────────────────────────────────────────────────── */

/* ── Sign in button ──────────────────────────────────────────────────────────────── */
button.bg-primary:hover,
button[class*="bg-primary"]:hover {
    background-color: #555555    !important;
    opacity: 0.7;
}

/* ── Links in message content ────────────────────────────────────────────────────── */
/* Primary colour is black so links would be invisible without this override.
   Targets anchor tags inside rendered markdown / message bubbles.             */
.markdown a,
.prose a,
[class*="message"] a,
[class*="Message"] a {
    color: #3b82f6 !important;   /* blue-500 — readable on both light and dark */
    text-decoration: underline;
}
.markdown a:hover,
.prose a:hover,
[class*="message"] a:hover,
[class*="Message"] a:hover {
    color: #2563eb !important;   /* blue-600 on hover */
}