/* ============================================================================
   TEWRIS — DESIGN SYSTEM · GLOBAL CSS ENTRY
   ----------------------------------------------------------------------------
   Single file consumers link. Import-only — no rules live here.
   Load order: fonts → tokens → tier themes → component layers.

   THREE TIERS
     · Tier 0 FOUNDATION  brand primitives shared everywhere (colors, type,
                          geometry, motion).
     · Tier 1 PRESENTATION marketing/landing showcase — opt in with
                          [data-tier="presentation"].
     · Tier 2 PRODUCT/APP  dense, calm-dark data UI — opt in with
                          [data-tier="product"] (+ optional [data-density]).
   ============================================================================ */

/* — Webfonts (must precede all other rules) — */
@import url("tokens/fonts.css");

/* — Tier 0 · Foundation tokens — */
@import url("tokens/colors.css");
@import url("tokens/geometry.css");
@import url("tokens/typography.css");

/* — Tier 2 · Product/App theme tokens + density — */
@import url("tokens/product-theme.css");

/* — Component layers — */
@import url("components.css");      /* Tier 2 · product/app components       */
@import url("presentation.css");    /* Tier 1 · marketing/landing components  */