/*
----------------------------------------------------
GhostVideo Theme
Overrides MysigCanvas shared styles
----------------------------------------------------
*/

:root {
    --accent: #6d4bd2;
    --accent-dark: #4b2ca8;
}

/* Hero */

.hero {
    background:
        linear-gradient(
            180deg,
            #f5f1ff 0%,
            #ffffff 100%);
}

/* Purchase card */

.purchase-card {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f6f2ff 100%);
}

/* Learning cards */

.lesson-card {
    border-color: #e2d9ff;
}

.lesson-card:hover {
    border-color: #b69dff;
    box-shadow: 0 18px 40px rgba(109, 75, 210, 0.12);
}

/* Buttons */

.btn-primary {
    background: var(--accent);
}

.btn-primary:hover {
    background: var(--accent-dark);
}

/* Section headings */

h2 {
    color: var(--accent-dark);
}

/* Links */

a:hover {
    color: var(--accent);
}