/* ============================================================================
   Fieldnote — root stylesheet
   Imports tokens + base + every component.
   This is the only stylesheet a template should link.
   ============================================================================ */

@import url("tokens.css");
@import url("base.css");
@import url("components/buttons.css");
@import url("components/inputs.css");
@import url("components/cards.css");
@import url("components/badges.css");
@import url("components/tables.css");
@import url("components/app-shell.css");
@import url("components/designer.css");
@import url("components/runner.css");
@import url("components/auth.css");
@import url("components/toast.css");
@import url("components/margin.css");
@import url("components/marketing.css");
@import url("components/respond.css");

/* --- Webfonts: Inter, Fraunces, JetBrains Mono via Google Fonts CDN --- */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Fraunces:ital,wght@0,500;0,600;0,700;1,500;1,600&family=JetBrains+Mono:wght@400;500&display=swap");

/* --- Fonts — system fallback if local fonts missing --- */
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: local("Inter"), local("Inter-Regular");
    font-weight: 400 600;
}
@font-face {
    font-family: "Fraunces";
    font-display: swap;
    src: local("Fraunces"), local("Fraunces-Regular");
    font-weight: 500 700;
}
@font-face {
    font-family: "JetBrains Mono";
    font-display: swap;
    src: local("JetBrains Mono"), local("JetBrainsMono-Regular");
    font-weight: 400 500;
}