/* The font @import MUST come first — before @import "tailwindcss" — because
   Tailwind inlines its import into real CSS rules, and the CSS spec requires
   @import to precede all other rules. If it comes second, the production build
   warns ("@import must precede all rules…") and browsers silently DROP the
   font import, so the custom font never loads. */
@import url("https://api.fonts.coollabs.io/css2?family=Sono:wght@400;500;600;700&display=swap");
@import "tailwindcss";
@plugin "daisyui";
@plugin "daisyui/theme" {
  name: "light";
  default: true;
  --color-primary: #2e86de;
}

@theme {
  --font-sans: "Sono", ui-sans-serif, system-ui, sans-serif;
}

/* Larger, easier-to-grab connection handles (Vue Flow defaults to 6px). The
   Flow valve is small, so its handles get extra size. Loaded after Vue Flow's
   own CSS (see main.ts) so these win. */
.vue-flow__handle {
  width: 11px;
  height: 11px;
}
.vue-flow__node-flow .vue-flow__handle {
  width: 14px;
  height: 14px;
}