/* Shared branded-splash overlay — STRUCTURAL rules only.
 *
 * Colors, sizing, and z-index vary per app (theme tokens differ, EZ Dash uses
 * z-index 500 instead of 1000, Paradigm Analytics's splashIn scale is 0.92
 * instead of 0.9, EZ Dash's mark has explicit width/height/border-radius,
 * etc.) — each app keeps those as small overrides in its OWN stylesheet,
 * loaded after this one, so cascade order does the right thing without CSS
 * variables. See each app's style.css "Splash (app-specific overrides)"
 * section for exactly what it overrides.
 *
 * Consumed by (via a same-origin /shared/ static alias each server exposes):
 *   - Remailminder-dev/public/index.html
 *   - ParadigmAnalytics/public/index.html
 *   - Paradigm/dashboard/app/index.html
 *
 * Do NOT change timing values here (0.45s fade transition, 0.7s splashIn) —
 * per Ethan (2026-07-15), splash duration/timing must not change; only the
 * per-app minMs (how long the splash is held before fading) is a JS-side
 * parameter, set in each app's own app.js.
 */

#splash {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.45s ease;
}

#splash.hide { opacity: 0; pointer-events: none; }

.splash-inner { text-align: center; animation: splashIn 0.7s ease both; }
.splash-logo { display: block; margin: 0 auto 16px; }
.splash-name { font-size: 26px; font-weight: 700; letter-spacing: -0.5px; }
.splash-by { margin-top: 5px; font-size: 13px; }

@keyframes splashIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}