/* Light purple trial. The original orange lives in theme.css; remove this file's <link> to go back. */
:root { --accent: #6a4fd3; --lilac: #c9b8ff; --sun: #e6dcff; }
::selection { background: var(--lilac); color: var(--ink); }
.btn { background: var(--lilac); border-color: var(--lilac); color: var(--ink); }
.btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.btn-ghost { background: transparent; border-color: rgba(29, 24, 20, .3); color: var(--ink); }
.btn-ghost:hover { background: var(--ink); color: var(--bg); }
.hero.hero-light { background: radial-gradient(55% 60% at 88% 0%, rgba(201, 184, 255, .7), transparent 70%), radial-gradient(40% 40% at 0% 30%, rgba(106, 79, 211, .1), transparent 70%); }
.page-hero { background: radial-gradient(50% 70% at 92% 0%, rgba(201, 184, 255, .65), transparent 70%); }
.marquee:has(#marquee) { background: var(--lilac); color: var(--ink); }
.marquee:has(#marquee) .track i { color: var(--accent); }
.next-card { background: radial-gradient(60% 90% at 100% 0%, rgba(201, 184, 255, .75), transparent 70%), #fffaf2; }
.ph { background: radial-gradient(70% 60% at 80% 10%, rgba(255, 255, 255, .55), transparent 70%), linear-gradient(160deg, #ece5ff, #a58df2); }
.ph span { color: var(--ink); }
.partner:hover { background: var(--lilac); color: var(--ink); }
.partner:hover .p-meta, .partner:hover .arrow { color: var(--ink); }
.cf input:focus, .cf select:focus, .cf textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(106, 79, 211, .2); }