/* Stage-scoped CSS custom properties (NON-COLOUR only).
   Apply to a wrapper element via ec-stage-{kindergarten|primary|secondary}.

   The brand accent colour is NO LONGER stage-based — it comes from the active
   institution's accent, injected inline as --ec-primary / --ec-primary-container
   on .ec-app-root by MainLayout.BrandStyle(). KG and school share their
   institution's accent. These classes keep only the per-stage NON-colour
   identity (corner radius + display font); stage nav/layout differences live in
   NavConfigs, not here. */

.ec-stage-kindergarten {
  --ec-radius: 16px;
  --ec-font-display: "Comic Neue", "Nunito", system-ui, sans-serif;
}

.ec-stage-primary {
  /* Inherits the existing app defaults — no overrides. */
}

.ec-stage-secondary {
  --ec-radius: 6px;
  --ec-font-display: "Inter", system-ui, sans-serif;
}

.ec-stage-default {
  /* Used when no stage is hydrated yet (admin/teacher/super-admin or pre-auth).
     Inherits the global app defaults — explicit empty block for discoverability. */
}