/* Raahi Flow brand tokens and fonts. Mirrors the app (tailwind.config.ts + globals.css).
   Two families, two weights each, self-hosted woff2, font-display: swap.
   Size-adjusted Arial fallbacks stop layout shift while the fonts load. */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/hanken-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800 900;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Fallback";src:local("Arial"),local("ArialMT"),local("Arimo"),local("Liberation Sans");size-adjust:101.8%;ascent-override:98.2%;descent-override:29.8%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";src:local("Arial"),local("ArialMT"),local("Arimo"),local("Liberation Sans");size-adjust:113.3%;ascent-override:82.1%;descent-override:23.8%;line-gap-override:0%}
:root{
  --rf-brand:#FF6A0D;
  --brand-btn:#C94D00;        /* white text 4.6:1 (WCAG AA) */
  --brand-btn-hover:#B24400;  /* white text 5.6:1 */
  --rf-teal:#14A08D;--rf-ink:#0C262B;--rf-ink-deep:#05161D;--rf-paper:#FFFDF6;
  --rf-radius-card:18px;--rf-radius-tile:14px;
  --rf-shadow-card:0 2px 4px rgba(9,30,36,.05),0 10px 24px rgba(9,30,36,.08);
  --rf-shadow-orange:0 10px 22px -10px rgba(255,106,13,.75);
  --font-body:"Hanken Grotesk","Hanken Fallback",system-ui,sans-serif;
  --font-display:"Bricolage Grotesque","Bricolage Fallback","Hanken Grotesk",system-ui,sans-serif;
}
h1,h2,h3{font-family:var(--font-display)}