:root:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) {
    color-scheme: light;
    accent-color: var(--color-accent);
    font-synthesis: none;
    text-rendering: optimizelegibility;
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body {
    background-color: var(--color-bg);
    background-image:
        radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 28rem),
        radial-gradient(circle at 94% 18%, color-mix(in srgb, var(--color-highlight) 6%, transparent), transparent 24rem);
    color: var(--color-ink);
    font-family: var(--font-sans);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) ::selection {
    color: var(--color-ink);
    background: var(--ds-primitive-color-violet-100);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :focus-visible {
    outline: .1875rem solid var(--color-ring);
    outline-offset: .1875rem;
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) a {
    text-underline-offset: .16em;
    text-decoration-thickness: .08em;
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .container {
    max-width: var(--site-shell-width);
    padding-inline: clamp(var(--space-md), 3vw, var(--space-2xl));
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-header {
    z-index: var(--ds-primitive-z-sticky);
    border-bottom: .0625rem solid color-mix(in srgb, var(--color-on-dark) 10%, transparent);
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 38%),
        var(--color-dark);
    box-shadow: var(--shadow-sm);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-header::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .125rem;
    background: linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-highlight));
    content: "";
    pointer-events: none;
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-header .nav-link::after {
    background: var(--color-highlight);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .header-account .bi,
:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-footer__dot {
    color: var(--color-highlight);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-footer {
    border-top: .0625rem solid color-mix(in srgb, var(--color-on-dark) 10%, transparent);
    background: var(--color-dark);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-footer__brand,
:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-footer nav a {
    display: inline-flex;
    min-height: var(--button-height);
    align-items: center;
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-footer__social-btn {
    width: var(--button-height);
    height: var(--button-height);
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .eyebrow {
    color: var(--color-primary);
    font-size: var(--ds-primitive-font-size-xs);
    font-weight: var(--ds-primitive-font-weight-black);
    letter-spacing: .105em;
}

:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .article-content,
:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .opinion-content,
:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .howto-content {
    color: var(--color-article-ink);
    font-family: var(--font-article-body);
    font-size: var(--font-article-size);
    line-height: var(--font-article-line-height);
}

@media (prefers-reduced-motion: reduce) {
    :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) *,
    :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) *::before,
    :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) *::after {
        scroll-behavior: auto !important;
        transition-duration: var(--duration-reduced) !important;
        animation-duration: var(--duration-reduced) !important;
        animation-iteration-count: 1 !important;
    }
}