/* Copie à l'identique de styles/galaxyy-studio.css des maquettes du graphiste
   (.claude/maquettes/, tag galaxyy-studio-v1.0.0). Ne pas modifier ici : recopier. */
/* Galaxyy Studio : style propre au projet (Galaxyy Trixie + Aurora + Dark luxe).
   Chargé APRÈS le design system (styles.css). Redéfinit uniquement des variables
   sémantiques. Activer avec .theme-galaxyy-studio sur le conteneur racine ;
   ajouter .dark sur ce même conteneur (ou un parent) pour le mode sombre.
   Documentation : galaxyy-studio.md */
.theme-galaxyy-studio {
  --gl-gold: oklch(78% 0.115 83);
  --action-primary-bg: var(--gl-gold);
  --action-primary-bg-hover: oklch(84% 0.1 86);
  --action-primary-fg: var(--color-neutral-950);

  --surface-page: var(--color-white);
  --surface-subtle: var(--color-neutral-50);
  --border-brand: var(--color-primary-600);
  --luxe-card: var(--color-white);
  --luxe-border: var(--color-neutral-200);
  --halo-glow: 18%;
  --halo-spot: 7%;
  --halo-ring: 65%;
}

.dark .theme-galaxyy-studio,
.theme-galaxyy-studio.dark {
  --surface-page: oklch(16% 0.005 250);
  --surface-subtle: oklch(20% 0.006 250);
  --border-brand: var(--gl-gold);
  --luxe-card: oklch(100% 0 0 / 0.03);
  --luxe-border: oklch(100% 0 0 / 0.1);
  --halo-glow: 14%;
  --halo-spot: 5%;
  --halo-ring: 55%;
}

@keyframes gl-drift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  50%  { transform: translate3d(8%, 6%, 0) scale(1.1); }
  100% { transform: translate3d(-6%, 4%, 0) scale(.94); }
}
@keyframes gl-word { from { opacity: 0; } to { opacity: 1; } }