/* Haven Access — single stylesheet entry point.
   Link ONLY this file. Everything else is imported here.

   tokens/  = copied verbatim from design_handoff_website/tokens/. Do not edit by hand;
              re-copy from the handoff bundle if the design system is updated.
   site.css = the component layer: the handoff's React primitives ported to CSS classes.

   Rule from the handoff: never hard-code a color or size. Use the custom properties. */

/* The ?v= on the import, and the matching one on every page's <link> to this
   file, exist to break browsers out of the old "max-age=604800" that Hostinger
   served before .htaccess existed. A phone that cached this file will not even
   ask for a new one until that week is up, and because the cached copy carries
   its own @import, versioning site.css alone changes nothing - the stale parent
   never requests the new child. Only a new URL in the HTML breaks the chain.

   .htaccess now sends no-cache for html/css/js, so this is a one-time escape,
   not a habit. Once the old week has lapsed (after 2026-08-31) the ?v= can come
   off both here and in the pages. If you do bump it, bump BOTH - a page linking
   ?v=X while this file imports ?v=Y will serve mismatched layers. */

@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/surfaces.css");
@import url("tokens/motion.css");
@import url("tokens/base.css");
@import url("site.css?v=20260824c");