/* synaigy Design System 2.0 — globale Styles.
   Farb-/Form-/Typo-Tokens werden inline in app.js gesetzt (1:1 aus dem
   Prototyp), hier nur globale Regeln, Keyframes und Print-Stylesheet. */

html, body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: 'Inclusive Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: #010020;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
a { color: #090eda; text-decoration: none; }
a:hover { color: #ff3366; }
button { font-family: inherit; }
input, textarea { font-family: inherit; }

/* Sanfte Übergänge auf interaktiven Flächen (ersetzt die style-hover-Logik
   der Prototyp-Laufzeit auf schlanke, layout-neutrale Weise). */
button { transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1),
  box-shadow 240ms cubic-bezier(0.4, 0, 0.2, 1),
  background 240ms cubic-bezier(0.4, 0, 0.2, 1),
  border-color 140ms cubic-bezier(0.4, 0, 0.2, 1),
  color 140ms cubic-bezier(0.4, 0, 0.2, 1); }

/* Code-Eingabe im Hero (auf blauem Grund) */
.code-input::placeholder { color: rgba(255, 255, 255, 0.6); }

@keyframes orbFloat {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(24px, -18px); }
  100% { transform: translate(0, 0); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

@media print {
  .no-print { display: none !important; }
  body { background: #fff; }
  .print-sheet {
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
  }
}