/* Typography & brand accents */
:root{
--ket-purple:#6a00a3; /* primary */
--ket-purple-600:#5b0090; /* hover/darker */
--ket-pink:#ff4da6; /* accent */
--ket-pink-600:#ff298f; /* hover */
--ket-ink:#2b2038; /* headings */
}
.h1, h1, .h2, h2, .h3, h3{ color:var(--ket-ink); }
.brand-gradient{ background:linear-gradient(135deg,var(--ket-purple),var(--ket-pink)); }
.btn-accent{ background:var(--ket-pink); border-color:var(--ket-pink); color:#fff; }
.btn-accent:hover{ background:var(--ket-pink-600); border-color:var(--ket-pink-600); }
.badge-brand{ background:var(--ket-purple); }
.card-brand{ border:0; box-shadow:0 10px 24px rgba(106,0,163,.12); }
.logo-ring{ box-shadow:0 0 0 6px #fff, 0 0 0 12px rgba(106,0,163,.15); border-radius:999px; }