:root, [data-theme="light"] { --brand-blue: #be185d; --brand-blue-rgb: 190, 24, 93; --brand-blue-dark: #831843; --brand-blue-dark-rgb: 131, 24, 67; --brand-black: #0f0f0f; --brand-gradient: var(--brand-blue); --brand-gradient-soft: linear-gradient( 135deg, rgba(var(--brand-blue-rgb), 0.12), rgba(var(--brand-blue-rgb), 0.12) ); /* Neutrals carry a faint rose/mauve tint so surfaces sit with the brand colour. They were sage-green-leaning when the brand was emerald - against magenta that read as a colour clash. */ --vd-bg: #faf7f8; --vd-surface: #ffffff; --vd-surface-2: #f3eef0; --vd-surface-3: #e9e1e4; --vd-border: #e3dadf; --vd-text: #201619; --vd-text-muted: #74656c; --vd-shadow: 0 0.5rem 1.5rem rgba(35, 15, 24, 0.08); --vd-shadow-sm: 0 0.25rem 0.5rem rgba(35, 15, 24, 0.06); --vd-shadow-lg: 0 1.5rem 3rem rgba(35, 15, 24, 0.12); --vd-navbar-bg: rgba(255, 255, 255, 0.85); --vd-code-bg: #f3eef0; /* Corner radii. These used to be Bootstrap's --bs-border-radius-* so its components picked up our rounding; Bootstrap is gone, so they are plain project tokens now. The rest of the old --bs-* bridge (link colours, body bg, focus ring, button API...) existed only to re-skin Bootstrap and was deleted with it - nothing reads those any more. */ --vd-radius: 0.65rem; --vd-radius-sm: 0.45rem; --vd-radius-lg: 0.9rem; --vd-radius-xl: 1.25rem; --vd-success: #22c55e; } [data-theme="dark"] { /* Rose-neutral dark counterparts to the light tokens above. */ --vd-bg: #0f0b0d; --vd-surface: #1a1316; --vd-surface-2: #241a1f; --vd-surface-3: #2f2228; --vd-border: #3a2a31; --vd-text: #f5eef1; --vd-text-muted: #ab97a1; --vd-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5); --vd-shadow-sm: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.4); --vd-shadow-lg: 0 1.5rem 3rem rgba(0, 0, 0, 0.55); --vd-navbar-bg: rgba(15, 11, 13, 0.8); --vd-code-bg: #241a1f; } .text-white { color: rgba(255, 255, 255, 255) !important; } /* ---------- Base ---------- */ html { scroll-behavior: smooth; } body { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Background/colour/base metrics used to come from Bootstrap's reboot (via --bs-body-bg / --bs-body-color). Bootstrap is gone, so set them here - the admin carries no Tailwind classes and would otherwise render on transparent white in dark mode. */ background-color: var(--vd-bg); color: var(--vd-text); font-size: 1rem; line-height: 1.5; letter-spacing: -0.01px; transition: background-color 0.2s ease, color 0.2s ease; } /* Heading scale. Bootstrap used to size headings and also shipped .h1-.h6 helper classes (admin markup uses e.g.

). Tailwind's preflight resets headings to inherit, so with Bootstrap gone these have to be declared here or every admin heading renders at body size. Tailwind text-* utilities still override these, being !important. / h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .fw-display { font-weight: 700; letter-spacing: -0.02em; margin-top: 0; } / `html` prefix required: Tailwind's preflight sets `h1..h6 { font-size: inherit }` and its