/*
 * MoDU custom theme override for review.createdbymodu.com
 * ---------------------------------------------------------------
 * Injected at the NPM reverse-proxy level via a <link> tag added by
 * sub_filter in nginx-proxy-manager/data/nginx/proxy_host/10.conf.
 * Does NOT touch FreeFrame's own source or container image.
 *
 * Filled in 2026-09-12 with real brand values. FreeFrame's own design system
 * (confirmed by reading the compiled CSS bundle on review.createdbymodu.com,
 * not guessed) centralizes color entirely through CSS custom properties --
 * --accent / --accent-hover / --border-focus -- consumed by Tailwind utility
 * classes (.bg-accent, .text-accent, .border-accent, .ring-accent, focus
 * rings, etc.) and font entirely through --font-sans (consumed by the
 * .font-sans utility, applied on <body>). Overriding those four variables
 * here is the app's own intended re-skin mechanism, not a bolted-on global
 * override -- and it's exactly as reversible as before: delete the two
 * :root blocks below to fall back to FreeFrame's stock blue theme.
 *
 * --accent-muted (used for text-selection highlight and .bg-accent-muted)
 * was deliberately left untouched -- out of the requested scope
 * (buttons/links/focus states), not an oversight.
 *
 * To remove entirely, see the removal instructions in
 * proxy_host/10.conf around the "MoDU custom CSS injection" markers.
 */

:root {
  --modu-accent-secondary: #FF4040;
  --modu-font: 'Archivo', sans-serif;
}

/* Update 5 H3 (2026-11-02): the unused brand-red accent variable and its --accent /
   --accent-hover / --border-focus override were removed. The app's own runtime branding
   (green) always won: same computed styles and 0 differing pixels with this file blocked.
   Backup: modu-review-theme.css.bak-u5-20261102-223827. */

/* Secondary accent -- sparing, small-text use only, matching its role on
   createdbymodu.com (a small-text accent on black, not a fill color).
   Scoped to the one small-text element confirmed in this session's audit
   (the "Powered by FreeFrame" attribution link on /login) via a stable
   attribute selector, not a shared Tailwind utility class -- so this does
   not bleed into every other element using the same hover-color utility
   elsewhere in the app. Only the login page's markup was audited this
   session; other pages (dashboard, comments, etc.) may have their own
   small-text spots worth applying this to, but weren't inspected here to
   keep this pass additive and conservative. */
a[href*="github.com/Techiebutler/freeframe"] {
  color: var(--modu-accent-secondary);
}
a[href*="github.com/Techiebutler/freeframe"]:hover {
  color: var(--modu-accent-secondary);
  opacity: 0.85;
}