/* The design tokens live in the package — @rainyseason/shell (packages/shell/
   tokens.css), served at /shell/tokens.css. One source. @import must precede
   all rules. */
@import url("/shell/tokens.css?v=2026-08-26f");
/* The button — .btn and every variant — is single-sourced in button.css and
   shared verbatim with the private line (tools/sync-shared.sh). @import after
   tokens (it consumes them), before all rules. */
@import url("/shell/button.css?v=2026-08-26b");
/* The input field — the button's control twin (same 44px, same beam). @import
   AFTER button.css: it reuses the --btn-beam @property + btnBeam keyframes. */
@import url("/shell/parts/field.css?v=2026-08-12e");
@import url("/shell/parts/signup.css?v=2026-08-26b");

/* The shell, in parts — one component spec per file, imported in cascade
   order (order IS the cascade; do not reorder). Edit the part, not a page.
   The server sends no-store, so parts never serve stale; the ?v marks the
   last deliberate break for any client that ignores it. */
@import url("/shell/parts/type.css?v=2026-08-27f");
@import url("/shell/parts/bar.css?v=2026-08-27e");
@import url("/shell/parts/menu.css?v=2026-08-05a");
@import url("/shell/parts/weather.css?v=2026-08-26a");
@import url("/shell/parts/sections.css?v=2026-08-27g");
@import url("/shell/parts/faq.css?v=2026-08-27a");
@import url("/shell/parts/cloud.css?v=2026-08-26b");
@import url("/shell/parts/hero.css?v=2026-08-27c");
@import url("/shell/parts/layout.css?v=2026-08-27a");
@import url("/shell/parts/directory.css?v=2026-08-26a");
@import url("/shell/parts/cards.css?v=2026-08-27b");
@import url("/shell/parts/plan.css?v=2026-08-05b");
@import url("/shell/parts/footer.css?v=2026-08-11a");
@import url("/shell/parts/tabbar.css?v=2026-08-26c");
@import url("/shell/parts/content.css?v=2026-08-26d");
@import url("/shell/parts/experience.css?v=2026-08-27a");
@import url("/shell/parts/motion.css?v=2026-08-13a");
@import url("/shell/parts/icons.css?v=2026-08-27e");
@import url("/shell/parts/hdr-cloud.css?v=2026-08-27a");

/* ============================================================
   rainyseason.cr — shared shell
   Single source of truth for every surface's foundation:
   fonts, base reset, and the fixed menu bar. Tokens: the import above.

   A page gets the full house style + menu bar by doing just:
     <link rel="stylesheet" href="/shell/shell.css">
     ... content inside <div class="shell"> ...
     <script src="/shell/nav.js"></script>
     <script>RSSurfaces.mountShell();</script>

   Do NOT fork these styles into a page. Change them here so every
   surface stays identical. See AGENTS.md → "Scaffolding new pages".
   ============================================================ */

/* ============================================================
   THE HOUSE STYLE — law
   "Swiss grid, terminal ink, race-kit accents." Three layers; build
   everything new inside them:
   1. SWISS — the 8-segment grid, spacing in eights, hierarchy from
      size/weight/ink only, full-bleed grounds, no boxes, no decoration.
   2. TERMINAL — vanta ground, one ink at four opacities, 1px hairlines,
      Fira Code for anything the machine says, tracked caps for metadata.
   3. RACE KIT — small, hot hits of colour against the dark, like hi-vis
      on cycling kit: the six weather tokens for brand surfaces.
   The caps ladder proves the style: footer title 14 / row 12 / tag 8 —
   three ranks from size, weight and ink alone. The .foot-tag pill is the
   reference micro-pattern: 8px caps, 12% wash, 26% hairline, square
   edges, monochrome ink.
   ============================================================ */