:root {
    --linix-card-dark: rgba(18, 33, 49, 0.72);
    --linix-text: #d4e4fa;
    --linix-light-bg: #f5f8ff;
    --linix-heading: var(--heading-color);
    --linix-light-text: var(--heading-color);
    --linix-light-soft: var(--text-color);
    --linix-border-light: #dbe6fb;
    --linix-shadow-soft: 0 20px 60px rgba(15, 23, 42, 0.08);
    --linix-shadow-strong: 0 30px 80px rgba(15, 23, 42, 0.18);
    --linix-radius-xl: 28px;
    --linix-shell: 1400px;
    --linix-space-section: 120px;
    --linix-font-base: "Manrope", sans-serif;
    --linix-font-heading: "Plus Jakarta Sans", sans-serif;
    --linix-surface-white: rgba(255, 255, 255, 0.96);
}

body {
    font-family: var(--linix-font-base);
    color: var(--linix-light-text);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--primary-color) 85%, transparent) 0, color-mix(in srgb, var(--primary-color) 85%, transparent) 6%, transparent 6.5%),
        radial-gradient(circle at top right, rgba(219, 234, 255, 0.75) 0, rgba(219, 234, 255, 0.75) 8%, transparent 8.5%),
        radial-gradient(circle at bottom right, color-mix(in srgb, var(--secondary-color) 92%, transparent) 0, color-mix(in srgb, var(--secondary-color) 92%, transparent) 7%, transparent 7.5%),
        radial-gradient(circle at bottom left, rgba(43, 179, 143, 0.22) 0, rgba(43, 179, 143, 0.22) 8%, transparent 8.5%),
        var(--linix-light-bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--linix-font-heading);
}

body.mobile-menu-open {
    overflow: hidden;
}

.glass-card {
    background: var(--linix-card-dark);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(173, 198, 255, 0.08);
}

.cinematic-shadow {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.ckeditor-content {
    color: var(--linix-text);
    line-height: 1.6;
}

.ckeditor-content p+p {
    margin-top: 16px;
}

.ckeditor-content a {
    color: var(--primary-color);
}

.text-primary-color {
    color: var(--primary-color);
}

.text-secondary-color {
    color: var(--secondary-color);
}

.text-heading-color {
    color: var(--heading-color);
}

.text-text-color {
    color: var(--text-color);
}

.bg-primary-color {
    background-color: var(--primary-color);
}

.bg-secondary-color {
    background-color: var(--secondary-color);
}

.bg-heading-color {
    background-color: var(--heading-color);
}

.bg-text-color {
    background-color: var(--text-color);
}

@media (max-width: 767px) {
    body.admin-bar #navbar {
        top: 46px;
    }
}

.cs-btn {
    font-family: inherit;
    display: inline-block;
    padding: 6px 16px;
    line-height: 1.5rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid var(--primary-color);
    transition: color 0.5s;
    z-index: 1;
    font-size: 17px;
    border-radius: 999px;
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: none;
    background: transparent;
    text-align: center;
}

.cs-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--primary-color);
    height: 100px;
    width: 200px;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    transition: all 0.7s;
}

.cs-btn:hover {
    color: #ffffff;
}

.cs-btn:hover::before {
    top: -24px;
    left: -12px;
}
/* 
.cs-btn:active::before {
    background: var(--secondary-color);
    transition: background 0s;
} */

a.cs-btn,
.site-button,
.home-button,
.pricing-card__button,
.site-footer__cta-button,
.page-not-found__button,
.project-card__categories>a,
.wp-block-button__link,
a.btn,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
button:not(.site-menu-toggle):not(.site-mobile-menu__close):not(.menu-caret) {
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

@media (hover: hover) {
    a.cs-btn:hover,
    .site-button:hover,
    .home-button:hover,
    .pricing-card__button:hover,
    .site-footer__cta-button:hover,
    .page-not-found__button:hover,
    .project-card__categories>a:hover,
    .wp-block-button__link:hover,
    a.btn:hover,
    a.button:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    button:not(.site-menu-toggle):not(.site-mobile-menu__close):not(.menu-caret):hover {
        transform: translateY(-1px);
    }
}

a.cs-btn:active,
.site-button:active,
.home-button:active,
.pricing-card__button:active,
.site-footer__cta-button:active,
.page-not-found__button:active,
.project-card__categories>a:active,
.wp-block-button__link:active,
a.btn:active,
a.button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button:not(.site-menu-toggle):not(.site-mobile-menu__close):not(.menu-caret):active {
    transform: translateY(0);
}