/* Shared Aureo design language across public, demo, account, and legal pages. */
:root {
  --aureo-ink: #20211d;
  --aureo-gold: #c8a028;
  --aureo-gold-text: #786015;
  --aureo-paper: #faf9f5;
  --aureo-line: #e4e2dc;
  --aureo-control-radius: 9px;
  --aureo-card-radius: 16px;
  --aureo-content-width: 1180px;
}
html { scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--ink, var(--aureo-ink)); }
.logo { color: var(--ink, var(--aureo-ink)); font-weight: 800; letter-spacing: -.055em; }
.logo span { color: var(--gold-text, var(--aureo-gold-text)); }
header { border-bottom-color: var(--line, var(--aureo-line)); }
button, .button, input, select, textarea, summary { border-radius: var(--aureo-control-radius); }
button, .button { min-height: 44px; font-weight: 600; }
input, select, textarea { border-color: var(--border, #9a9b93); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline: 3px solid var(--gold-text, var(--aureo-gold-text));
  outline-offset: 3px;
}
.skip { z-index: 100; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; }
}