/* Fleze.ai design tokens — the only place colors and font stacks are defined.
   Documented in docs/brand/guidelines.md; change both together. */
:root {
    /* surfaces */
    --bg: #0D1117;
    --surface: #121922;
    --surface-2: #17202B;
    --bg-glass: rgba(13, 17, 23, .82); /* sticky header over content */

    /* text */
    --text: #EAF2EF;
    --muted: #8C9CA4;

    /* accent */
    --accent: #00D4AA;
    --accent-soft: rgba(0, 212, 170, .12);
    --accent-line: rgba(0, 212, 170, .28);
    --accent-wash: rgba(0, 212, 170, .16); /* hover gradient end on cards; keeps muted text ≥ 4.5:1 */

    /* feedback */
    --danger: #FF8A80; /* form errors; 7.7:1 on --surface */

    /* elevation */
    --shadow: 0 16px 48px rgba(0, 0, 0, .45); /* floating elements, e.g. the cookie banner */
    --shadow-accent: 0 28px 56px -24px rgba(0, 212, 170, .45); /* green glow under hovered cards */

    /* lines */
    --hair: rgba(234, 242, 239, .08);

    /* type */
    --display: 'Bricolage Grotesque', system-ui, sans-serif;
    --body: 'IBM Plex Sans', system-ui, sans-serif;
    --mono: 'JetBrains Mono', ui-monospace, monospace;
}