/* PokerHafen zentrale Auth-Oberfläche.
   Quelle: GUI-Styleguide 1.25.63. Helle Seiten nutzen ausschließlich die ph-color-, ph-space-, ph-radius- und ph-font-Tokens.
   Keine PHP-Inline-Styles für Farben, Fonts, Spacing, Border oder Schatten; Inline-Styles sind nur Runtime-Werten vorbehalten. */
:root{
  color-scheme:light;
  /* Kanonische Light-Tokens kommen aus ph-light-ui.css. */
  /* Legacy-Aliase fuer vorhandene Auth-Komponenten; neue Regeln sollen die ph-color-* Tokens direkt verwenden. */
  --ph-navy:var(--ph-color-navy);
  --ph-deep:var(--ph-color-navy-deep);
  --ph-gold:var(--ph-color-gold);
  --ph-gold-soft:var(--ph-color-gold-soft);
  --ph-cream:var(--ph-color-cream);
  --ph-sky:var(--ph-color-sky);
  --ph-paper:var(--ph-color-paper);
  --ph-text:var(--ph-color-text);
  --ph-muted:var(--ph-color-text-muted);
  --ph-line:var(--ph-color-border);
  --ph-shadow:0 24px 70px var(--ph-color-shadow-panel-legacy-66c263d);
  --ph-soft-shadow:0 14px 38px var(--ph-color-shadow-panel);
}

/* Gemeinsame Auth-Komponenten: Login und Registrierung verwenden diese Token-Basis.
   Die seitenbezogenen Layoutregeln liegen in auth-login.css und auth-register.css, damit sie sich nicht gegenseitig überschreiben. */
body.ph-auth-page,
body.ph-register-page { font-family: var(--ph-font-sans); color: var(--ph-color-text); }
body.ph-auth-page h1,
body.ph-auth-page h2,
body.ph-register-page h1,
body.ph-register-page h2 { font-family: var(--ph-font-serif); color: var(--ph-color-navy-deep); }
body.ph-auth-page input:focus,
body.ph-register-page input:focus { outline: none; }
body.ph-auth-page button:focus-visible,
body.ph-auth-page a:focus-visible,
body.ph-register-page button:focus-visible,
body.ph-register-page a:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--ph-color-shadow-focus-legacy-3bfc3a3), var(--ph-shadow-button); }