/* FlowID design tokens. Single source: app/app/tokens.css. The pre-launch build copies it to prelancio/public/assets/tokens.css. */
@font-face{font-family:'Geist';src:url('/assets/fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';src:url('/assets/fonts/geist-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
 /* Brand palette (brand-kit/02-colori-e-stile), extended with functional shades */
 --fl-forest:#234637;--fl-forest-deep:#18342a;--fl-forest-soft:#3d6150;
 --fl-ivory:#f7f7f2;--fl-paper:#fffefa;--fl-mist:#f1f3ec;
 --fl-sage:#e8efdf;--fl-sage-mid:#aec3a4;--fl-sage-strong:#5c7d57;
 --fl-peach:#f7ded0;--fl-peach-strong:#a4532f;--fl-sand:#f3ecdc;--fl-sky:#e3ecf1;
 --fl-text:#1f3a2e;--fl-text-2:#56635a;--fl-text-3:#626d63;
 --fl-line:#e2e6dc;--fl-line-strong:#cdd6c4;
 --fl-income:#33684a;--fl-expense:#a4532f;--fl-danger:#a63d32;--fl-danger-soft:#f8e1dc;--fl-warning-soft:#f6ecd4;
 --fl-focus:#5c7d57;
 /* Type */
 --fl-font:'Geist','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
 --fl-text-xs:12px;--fl-text-sm:14px;--fl-text-md:16px;--fl-text-lg:18px;
 --fl-tracking-tight:-.035em;--fl-tracking-display:-.045em;
 /* Shape and depth */
 --fl-r-xs:8px;--fl-r-sm:12px;--fl-r-md:16px;--fl-r-lg:22px;--fl-r-xl:30px;--fl-r-pill:999px;
 --fl-shadow-1:0 1px 0 rgba(35,70,55,.04),0 1px 3px rgba(35,70,55,.06);
 --fl-shadow-2:0 1px 0 rgba(35,70,55,.04),0 10px 30px -12px rgba(35,70,55,.20);
 --fl-shadow-3:0 2px 0 rgba(35,70,55,.03),0 30px 70px -28px rgba(24,52,42,.35);
 --fl-ring:0 0 0 3px rgba(92,125,87,.35);
 /* Motion */
 --fl-ease:cubic-bezier(.2,.8,.2,1);--fl-fast:140ms;--fl-base:220ms;--fl-slow:420ms;
 /* Layout */
 --fl-gutter:clamp(16px,4vw,40px);--fl-max:1180px;
}
@media (prefers-reduced-motion:reduce){:root{--fl-fast:0ms;--fl-base:0ms;--fl-slow:0ms}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Demo additions (2026-10-27). Strong tints for goal colours and badges (AA on their soft tint), peach ink for small text on peach,
   the brand "ID" shade of the logo and the 30% forest veil behind dialogs and the mobile drawer. */
:root{--fl-sky-strong:#456a7e;--fl-sand-strong:#7d6029;--fl-peach-ink:#8f4526;--fl-brand-id:#9aad96;--fl-scrim:rgba(35,70,55,.30)}
/* Added for the pre-launch site (2026-10-27) */
:root{
 --fl-on-forest:#fffefa;      /* text on the forest panel (principles) */
 --fl-on-forest-2:#cdd9cf;    /* secondary text on forest, contrast 9:1 */
 --fl-on-forest-line:rgba(255,254,250,.16); /* dividers on forest */
 --fl-header-h:68px;          /* height of the sticky site header, used for anchor offsets */
}