:root {
    --ts-primary: #8224E3;
    --ts-primary-dark: #5F18A8;
    --ts-primary-light: #C9A7F5;
    --ts-accent-gold: #D4AF37;
    --ts-accent-teal: #2BBBAD;
    --ts-surface-light: #F8F8FC;
    --ts-surface-dark: #1E1E28;
    --ts-neutral-gray: #A7A7B3;
    --ts-text-main: #1F1F2A;
    --ts-text-muted: #7A7A8A;
    --ts-radius-md: 0.75rem;
    --ts-shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.08);
}

body.ts-body {
    font-family: "Poppins", sans-serif;
    background: var(--ts-surface-light);
    color: var(--ts-text-main);
}

/* Navbar */
.ts-navbar {
    background: #1B102E;
}
.ts-navbar-brand {
    color: #fff;
}
.ts-navbar-brand:hover {
    color: var(--ts-primary-light);
}
.ts-nav-link {
    color: rgba(255,255,255,0.8);
}
.ts-nav-link:hover {
    color: #fff;
}

/* Buttons */
.ts-btn-outline {
    border-color: var(--ts-primary-light);
    color: var(--ts-primary-light);
}
.ts-btn-outline:hover {
    background: var(--ts-primary);
    color: #fff;
}

/* Footer */
.ts-footer {
    background: #111018;
    color: rgba(255,255,255,0.6);
}