/*
 * FlowInteract theme tokens - MT (ManTripping) scheme
 * (com_flowinteract.tokens.mt).
 *
 * MT BRAND SCHEME (Prism, 2026-10-26), read from the live g5_hydrogen
 * template on www.mantripping.com (computed styles on a poll article):
 * brand red #cc2127 is the nav bar, content links and the vendor poll's
 * Vote button; #4d4d4d is headings and strong text; #555555 is the vendor
 * poll's own "Total Votes" line; rgba(0,0,0,.125) on white (#dfdfdf) is
 * the vendor poll's option borders; Roboto is the template's own webfont
 * (declared as "roboto"; CSS family names ignore case); 4px is the
 * vendor poll's button and card radius; success and error are Bootstrap 5 shades the template already loads,
 * one step darker so they pass on --fi-surface-alt. Light only (James).
 * A template may still override any --fi-* in its own stylesheet, which
 * loads after this file.
 *
 * Every com_flowinteract.tokens.* file defines exactly this set of
 * custom properties on :root, identically named across all six files
 * (ADR-0009 section 4):
 *   --fi-accent, --fi-accent-contrast, --fi-surface, --fi-surface-alt,
 *   --fi-text, --fi-text-muted, --fi-border, --fi-success, --fi-error,
 *   --fi-radius, --fi-gap, --fi-gap-lg, --fi-font, --fi-font-size,
 *   --fi-line-height, --fi-shadow.
 * Component CSS (flowinteract.css and every block's own stylesheet)
 * never carries a literal colour - every colour lives here. Hex
 * literals are allowed in this file, and only this file.
 *
 * WCAG 2 contrast, computed (AA normal text needs 4.5:1, non-text 3:1):
 *   text #4d4d4d on surface 8.45, on surface-alt 7.96,
 *     on the poll tint (accent 10%) 7.20, on tint2 (accent 24%) 5.68
 *   text-muted #555555 on surface 7.46, on surface-alt 7.02,
 *     on tint 6.35, on tint2 5.01
 *   accent-contrast #ffffff on accent #cc2127 5.51
 *   surface on success #157347 5.87; success on surface-alt 5.53
 *   error #b02a37 on surface 6.50, on surface-alt 6.12
 *   non-text: accent on surface 5.51 (ring, checked border, focus)
 * --fi-accent is NOT used as bare text by flowinteract.css; it passes
 * 5.51 on white here anyway.
 */

:root {
    --fi-accent: #cc2127;
    --fi-accent-contrast: #ffffff;
    --fi-surface: #ffffff;
    --fi-surface-alt: #f8f8f8;
    --fi-text: #4d4d4d;
    --fi-text-muted: #555555;
    --fi-border: #dfdfdf;
    --fi-success: #157347;
    --fi-error: #b02a37;
    --fi-radius: 4px;
    --fi-gap: 1rem;
    --fi-gap-lg: 1.5rem;
    --fi-font: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --fi-font-size: 1rem;
    --fi-line-height: 1.5;
    --fi-shadow: 1px 1px 1px #0000001a;
}