/* NyonNyonNyon Brand System v1.0 - official digital tokens. */
:root {
  --nyon-cream: #FFF8EC;
  --nyon-sage: #B8CDC1;
  --nyon-pink: #EF7FA8;
  --nyon-ink: #302B3B;
  --nyon-butter: #F0D887;
  --nyon-rose-wash: #FBE6ED;

  --nyon-surface: #FFFFFF;
  --nyon-muted: #625B69;
  --nyon-border: #8B8492;
  --nyon-success: #2F6657;
  --nyon-danger: #A12F49;
  --nyon-warning: #72520F;
  --nyon-disabled-bg: #E4E1DB;

  --nyon-font-ui: 'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nyon-radius-control: 12px;
  --nyon-radius-card: 20px;
  --nyon-radius-modal: 24px;
  --nyon-shadow-card: 0 4px 16px rgb(48 43 59 / 8%);
  --nyon-shadow-modal: 0 12px 40px rgb(48 43 59 / 16%);
  --nyon-duration-fast: 120ms;
  --nyon-duration-base: 180ms;
  --nyon-duration-celebrate: 320ms;
  --nyon-ease: cubic-bezier(.2, .8, .2, 1);
  --nyon-container: 1200px;
  --nyon-tap-min: 48px;
}

.nyon-focus:focus-visible,
#screen-account :is(a, button, input):focus-visible,
.public-demo-page :is(a, button, input):focus-visible {
  outline: 3px solid var(--nyon-ink);
  outline-offset: 3px;
}

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