/* ============================================================================
   Design tokens — single source of truth for site-wide CSS custom properties.
   Loaded globally via _Layout.cshtml. Consumed by home.css, the redesign's
   inline blocks (until they move to their own files in Tier 3), and any
   future feature area.

   These were previously inlined at the top of Views/Home/Index.cshtml and
   only defined when the home page loaded. Consolidating them here so they're
   available across the site and there's one place to change them.

   Two other token systems that live where they're used and are NOT moved
   here (they're component-scoped and intentionally namespaced):
     * #header { --nav-* } in Views/Shared/_Layout.cshtml — nav-only tokens
     * :root { --mi-* } in wwwroot/css/market-index.css — Market Index only

   Token naming convention: for now, names are un-prefixed to match the
   existing inline block and avoid a large rename in Tier 2. A future PR
   could migrate generic names (--ink, --muted, --radius-lg) to --bq-* to
   prevent collisions with future feature areas. The nav's --nav-* and the
   market-index --mi-* already show the target pattern.
   ============================================================================ */

:root {
    /* Section rhythm — used by home page section wrappers.
       (Home-scoped conceptually — kept here for now; may move to home.css.) */
    --home-section-pad-y: 66px;
    --home-section-pad-y-sm: 40px;
    --home-grey: #f6f7f8;

    /* Rules and text */
    --hairline: rgba(0, 0, 0, 0.07);
    --ink: rgba(0, 0, 0, 0.92);
    --muted: rgba(0, 0, 0, 0.62);

    /* Card surfaces */
    --card-border: rgba(0, 0, 0, 0.10);
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 18px 44px rgba(0, 0, 0, 0.10);

    /* Radii */
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Brand accent
       TODO(Jasmine): confirm whether the darker nav green (#1a7a5e, defined
       in _Layout.cshtml's #header scope) is deliberate or a merge-drift
       artefact. If deliberate, keep them separate. If not, unify to a single
       --brand-primary token here and drop --nav-brand. */
    --accent-soft: rgba(2, 133, 101, 0.08);
    --accent-soft-border: rgba(2, 133, 101, 0.18);
}