/*
 * FlowInteract theme tokens - DEFAULT scheme (com_flowinteract.tokens.default).
 *
 * PLACEHOLDER SCHEME - replace with the site template's brand tokens
 * at the first theming pass; a template may also 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.
 *
 * --fi-text on --fi-surface and --fi-text-muted on --fi-surface both
 * verify at >= 4.5:1 (WCAG AA, normal text); --fi-accent paired with
 * --fi-accent-contrast (its own foreground, e.g. a filled button
 * label) verifies at >= 4.5:1 too. --fi-accent itself is NOT
 * guaranteed to pass contrast as bare foreground text on --fi-surface
 * on every site file (see cp.css) - that is exactly why
 * flowinteract.css never uses var(--fi-accent) as plain text colour.
 */

:root {
    --fi-accent: #1565c0;
    --fi-accent-contrast: #ffffff;
    --fi-surface: #ffffff;
    --fi-surface-alt: #f4f4f6;
    --fi-text: #1a1a1a;
    --fi-text-muted: #595959;
    --fi-border: #d0d0d5;
    --fi-success: #2e7d32;
    --fi-error: #c62828;
    --fi-radius: 8px;
    --fi-gap: 1rem;
    --fi-gap-lg: 1.5rem;
    --fi-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --fi-font-size: 1rem;
    --fi-line-height: 1.5;
    --fi-shadow: 0 1px 2px #00000014;
}