:root{
  --violet:#9031ff; --jaune:#ffc600;
  --ink:#161022; --ink-soft:#4a4358; --muted:#7a7290;
  --ground:#faf9fc; --surface:#fff; --line:#e6e2ee; --line-strong:#cfc8dd;
  --radius:14px; --shadow:0 1px 2px rgba(22,16,34,.06), 0 8px 24px rgba(22,16,34,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --violet:#b07cff; --jaune:#ffd24d;
    --ink:#f4f1fa; --ink-soft:#c7c0d8; --muted:#9a92ad;
    --ground:#120e1b; --surface:#1c1628; --line:#2e2740; --line-strong:#413859;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
  }
}
*{box-sizing:border-box}
button{font:inherit}
:focus-visible{outline:2px solid var(--violet); outline-offset:2px; border-radius:6px}
.eyebrow{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--violet)}