/* ============================================================================
   FTI Academy — Brand design tokens (v1.6.0)
   Single source of truth for colour, typography, elevation, radius and focus.
   frontend.css consumes these variables everywhere (with safe fallbacks), so
   rebranding the whole LMS is a matter of editing :root below.

   To inherit live values from Breakdance instead, point a token at the
   builder's global, e.g.:  --fti-red: var(--bde-brand-primary-color);
   ============================================================================ */
:root{
    /* Colour — confirm exact brand hex values with the client before launch */
    --fti-red:#C8102E;          /* primary brand red                            */
    --fti-red-dark:#9E0B23;     /* hover / pressed                              */
    --fti-gold:#F5B301;         /* brand gold (decorative fills only)           */
    --fti-gold-dark:#B5790A;    /* accessible gold for TEXT (>=4.5:1 on white)  */
    --fti-ink:#241a12;          /* warm near-black body text                    */
    --fti-muted:#5b6470;        /* secondary text (>=4.5:1 on white)            */
    --fti-line:#e7e3df;         /* hairline borders                             */
    --fti-surface:#ffffff;      /* cards                                        */
    --fti-bg:#faf8f6;           /* warm page tint                               */

    /* Typography — 'inherit' makes the LMS use the theme/Breakdance font so it
       feels native to the site. Set an explicit stack to override.            */
    --fti-font:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Shape & elevation */
    --fti-radius:14px;
    --fti-radius-sm:8px;
    --fti-shadow-sm:0 1px 2px rgba(36,26,18,.06), 0 1px 3px rgba(36,26,18,.05);
    --fti-shadow:0 6px 22px rgba(36,26,18,.08);
    --fti-shadow-lg:0 18px 48px rgba(36,26,18,.14);

    /* Focus ring (accessibility) */
    --fti-focus:0 0 0 3px rgba(200,16,46,.30);
}