/*
 * Monkey Moves WoW - custom styles.
 *
 * Tailwind is loaded via CDN in the layout, so this file only holds the
 * few base tweaks and overrides that Tailwind utilities do not cover.
 */

/*
 * Raw-CSS colour needs only. The full brand palette lives once in the Tailwind
 * config (private/views/partials/tailwind-config.php); these custom properties
 * are the minimal subset used outside Tailwind utility classes — currently the
 * .mm-prose link colour and the home "why" gradient. --mm-yellow/--mm-mint were
 * dropped here because nothing referenced them (verified: only var(--mm-purple)
 * was in use).
 */
:root {
    --mm-purple: #743D97;
    --mm-darkpurple: #521E56;
}

html {
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

body {
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/*
 * Rendered markdown (task description/remarks, year-goal description, project
 * objective/deliverable). Tailwind's preflight reset strips list markers and
 * block margins, so restore just enough for the limited set MarkdownService
 * emits: paragraphs, bold/italic, ordered/unordered lists, inline code and
 * links. Kept compact so it sits naturally inside cards, modals and panels.
 */
.mm-prose {
    line-height: 1.5;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.mm-prose > :first-child { margin-top: 0; }
.mm-prose > :last-child { margin-bottom: 0; }
.mm-prose p { margin: 0 0 0.5em; }
.mm-prose strong { font-weight: 600; }
.mm-prose em { font-style: italic; }
.mm-prose ul,
.mm-prose ol { margin: 0 0 0.5em; padding-left: 1.35em; }
.mm-prose ul { list-style: disc; }
.mm-prose ol { list-style: decimal; }
.mm-prose li { margin: 0.15em 0; }
.mm-prose a { color: var(--mm-purple); text-decoration: underline; }
.mm-prose code {
    background: #f1f5f9;
    border-radius: 0.25rem;
    padding: 0.05em 0.3em;
    font-size: 0.9em;
}
.mm-prose.mm-prose-empty { display: none; }