/* Source: riverflow-app tailwind.config.ts, styles.css and SurfaceSidebarStyles.ts, via the Creative Engine design kit (Jake, 14 Oct 2026).
   Font URLs are relative to this file so the ui/ folder is self-contained. */
@font-face { font-family:"Denton Condensed"; font-style:normal; font-weight:400; font-display:swap; src:url("fonts/DentonCondensed-Regular.woff2") format("woff2"); }
@font-face { font-family:"Sans Plomb"; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/SansPlomb-CondensedMedium.woff2") format("woff2"); }
@font-face { font-family:"Barlow"; font-style:normal; font-weight:400; font-display:swap; src:url("https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2") format("woff2"); }
@font-face { font-family:"Barlow"; font-style:normal; font-weight:500; font-display:swap; src:url("https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3_-gs51ostz0rdg.woff2") format("woff2"); }
@font-face { font-family:"Barlow"; font-style:normal; font-weight:600; font-display:swap; src:url("https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2") format("woff2"); }
:root {
  --rf-black:#161709; --rf-white:#fbfbf4; --rf-yellow:#f7ef63;
  --rf-yellow-100:#faf5a1; --rf-blue:#5270cc; --rf-link:#3d5bb8;
  --rf-grey-50:#fcfcf9; --rf-grey-100:#f3f3ee; --rf-grey-200:#e8e8e3;
  --rf-grey-300:#cdcdc8; --rf-grey-500:#8b8b89; --rf-grey-600:#3f3f3d; --rf-grey-700:#21211f;
  --background:#ffffff; --foreground:var(--rf-black); --card:#ffffff;
  --primary:var(--rf-black); --primary-foreground:var(--rf-white);
  --secondary:var(--rf-grey-100); --muted-foreground:var(--rf-grey-500);
  --accent:var(--rf-yellow-100); --destructive:#c2353f;
  --border:var(--rf-grey-200); --input:var(--rf-grey-300);
  --ring:rgba(61,91,184,.5); --radius:8px;
}