/*
 * Hermes Setup — defer entirely to the desktop's styles.css.
 *
 * Rather than re-implement the Hermes design system (and inevitably drift
 * from it), we import apps/desktop/src/styles.css wholesale. The desktop
 * is the canonical source of truth for fonts, color tokens, button chrome,
 * scrollbars, layout utilities, and animations. Any change to the
 * Hermes look propagates here automatically with no copy-paste maintenance.
 *
 * Path resolution caveats:
 *   - Tailwind v4's `@import` resolves relative to this file. The desktop's
 *     `@source '../../../node_modules/...'` declarations therefore re-resolve
 *     against apps/bootstrap-installer/src/. Since both apps live two levels
 *     deep under the same repo root, `../../../node_modules` lands in the
 *     same place. (Verify if either app ever moves.)
 *   - The desktop's `@font-face url('../../../node_modules/...')` references
 *     are baked into the *imported* stylesheet; CSS resolves url()s relative
 *     to the file that contains them, so they continue to point at the
 *     correct node_modules path even from here.
 *
 * Forced light mode: the desktop ships with a runtime theme switcher
 * (ThemeProvider + applyTheme) that can flip to dark via document.documentElement.
 * The installer has no UI for theme switching, so we stay on the desktop's
 * default light surface (Nous-blue accent on near-white chrome).
 */
@import '../../desktop/src/styles.css';

/* Installer-only additions: a fade-in animation and a warm radial glow
   for the welcome screen. Everything else inherits from the desktop. */
@keyframes hermes-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hermes-fade-in {
  animation: hermes-fade-in 0.45s ease-out both;
}

.hermes-glow {
  background: radial-gradient(
    ellipse at center,
    color-mix(in srgb, var(--ui-warm) 18%, transparent) 0%,
    transparent 60%
  );
}
