/* ==========================================================================
   motion-standard-compat.css — token bridge for the site.css bundle
   --------------------------------------------------------------------------
   WHY THIS EXISTS
   The app runs TWO stylesheet bundles:
     • primunity.css  → layouts/app.php + dashboard.php  (portal, tenant public
       site, dashboard). Defines the full Aurora token set in modules/variables.css.
     • site.css       → layouts/marketing.php + auth.php + admin.php  (marketing
       landing, login/register/2FA, superadmin console chrome). It ships its OWN,
       SMALLER token set.

   motion-standard.css (the "always fade, never pop" standard) consumes a few
   tokens that only exist in variables.css: --brand-2, --line, --brand-grad-soft,
   --dur-fast, --dur-slow, --ease-out-expo, --focus-ring. Linking the standard on
   a site.css page without them would leave those declarations invalid at
   computed-value time, so the affected rules would silently drop.

   This shim defines exactly those missing tokens IN TERMS OF the tokens site.css
   already provides, so the motion standard behaves identically on the login and
   marketing screens.

   LOAD ORDER: link this AFTER site.css and BEFORE motion-standard.css, and ONLY
   from the three site.css layouts. primunity.css pages must NOT load it — they
   already define richer values and this would flatten them.
   ========================================================================== */

:root {
  /* site.css names the primary blue --brand; the Aurora sheets call the
     interactive/accent shade --brand-2. Alias rather than re-pick a colour. */
  --brand-2: var(--brand, #2563EB);

  /* Hairline/divider colour: site.css calls it --border. */
  --line: var(--border, #E3EAF5);
  --line-brand: color-mix(in srgb, var(--brand, #2563EB) 38%, transparent);

  /* Soft brand wash used behind subtle active/hover states. */
  --brand-grad-soft: linear-gradient(
    120deg,
    color-mix(in srgb, var(--brand, #2563EB) 14%, transparent),
    color-mix(in srgb, var(--brand-sky, #22B8F0) 14%, transparent)
  );

  /* site.css defines --dur/--ease only; the standard also uses a fast and a slow
     step plus an expressive easing for travel. Values match variables.css. */
  --dur-fast: 120ms;
  --dur-slow: 380ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Focus ring colour for the standard's animatable outline-color rules. */
  --focus-ring: color-mix(in srgb, var(--brand, #2563EB) 55%, transparent);
}

/* Dark theme on the site.css bundle (the login screen honours data-theme too). */
:root[data-theme="dark"] {
  --line: var(--border, rgba(255, 255, 255, .12));
  --focus-ring: color-mix(in srgb, var(--brand-sky, #22B8F0) 62%, transparent);
}