/**
 * Светлая тема — переопределение токенов (html[data-theme="light"])
 *
 * @package My_Portfolio
 */

html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] {
    --color-bg: #f2f2f0;
    --color-bg-light: #ffffff;
    --color-bg-card: #ffffff;
    --color-bg-elevated: #e8e8e5;

    --color-primary-dim: rgba(255, 95, 31, 0.12);
    --color-secondary-dim: rgba(232, 90, 18, 0.1);

    --color-text: #121212;
    --color-text-secondary: #4a4a4a;
    --color-text-muted: #6b6b6b;

    --color-border: rgba(0, 0, 0, 0.08);
    --color-border-hover: rgba(0, 0, 0, 0.14);
    --color-border-accent: rgba(255, 95, 31, 0.38);

    --glass-bg: rgba(0, 0, 0, 0.035);
    --glass-bg-strong: rgba(0, 0, 0, 0.055);
    --glass-border: rgba(0, 0, 0, 0.1);

    --glow-cta-08: rgba(255, 95, 31, 0.07);
    --glow-cta-12: rgba(255, 95, 31, 0.1);
    --glow-cta-14: rgba(255, 95, 31, 0.12);
    --glow-cta-18: rgba(255, 95, 31, 0.15);
    --glow-cta-22: rgba(255, 95, 31, 0.18);
    --glow-cta-25: rgba(255, 95, 31, 0.2);
    --glow-cta-35: rgba(255, 95, 31, 0.28);
    --glow-cta-45: rgba(255, 95, 31, 0.38);
    --glow-neutral-12: rgba(255, 140, 66, 0.08);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 36px rgba(255, 95, 31, 0.18);
}

html[data-theme="light"] ::selection {
    background: rgba(255, 95, 31, 0.28);
    color: var(--color-text);
}

html[data-theme="light"] .section-title {
    background: linear-gradient(180deg, #0d0d0d 28%, var(--color-text-secondary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .site-header {
    background: rgba(255, 255, 255, 0.75);
    border-bottom-color: transparent;
}

html[data-theme="light"] .site-header.scrolled {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: var(--color-border);
}

html[data-theme="light"] .site-title a {
    color: var(--color-text);
}

html[data-theme="light"] .header-quick-link--guides {
    background: linear-gradient(180deg, rgba(255, 110, 35, 0.14) 0%, rgba(255, 110, 35, 0.08) 100%);
    border-color: rgba(255, 110, 35, 0.22);
    color: #7a3310;
    box-shadow:
        0 10px 24px rgba(124, 61, 20, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .header-quick-link--guides:hover {
    color: #5d2408;
    border-color: rgba(255, 110, 35, 0.3);
    box-shadow:
        0 14px 28px rgba(124, 61, 20, 0.14),
        0 0 22px rgba(255, 95, 31, 0.08);
}

html[data-theme="light"] .nav-menu a:hover,
html[data-theme="light"] .nav-menu .current-menu-item a {
    color: var(--color-text);
    background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .menu-toggle-icon,
html[data-theme="light"] .menu-toggle-icon::before,
html[data-theme="light"] .menu-toggle-icon::after {
    background: var(--color-text);
}

html[data-theme="light"] .btn-secondary:hover {
    color: var(--color-text);
    border-color: var(--color-border-hover);
    box-shadow: 0 0 20px var(--glow-cta-12);
}

html[data-theme="light"] .btn-ghost:hover {
    color: var(--color-primary-dark);
}

html[data-theme="light"] .hero-title {
    background: linear-gradient(180deg, #0a0a0a 20%, #4a4a68 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .card-content {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(248, 248, 246, 0.94) 100%
    );
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="light"] .section-rail {
        border-color: transparent;
    }

    html[data-theme="light"] .section-rail:not(:hover):not(:focus-within) {
        background: rgba(255, 255, 255, 0.14);
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
        box-shadow: none;
    }

    html[data-theme="light"] .section-rail:hover,
    html[data-theme="light"] .section-rail:focus-within {
        background: rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(20px) saturate(1.1);
        -webkit-backdrop-filter: blur(20px) saturate(1.1);
        border-color: var(--glass-border);
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.8) inset,
            0 16px 48px rgba(0, 0, 0, 0.12);
    }

    html[data-theme="light"] .section-rail:not(:hover):not(:focus-within) .section-rail__link {
        color: rgba(18, 18, 18, 0.32);
    }

    html[data-theme="light"] .section-rail:not(:hover):not(:focus-within) .section-rail__link.is-active {
        color: rgba(18, 18, 18, 0.62);
        background: rgba(255, 95, 31, 0.1);
        border-left-color: rgba(255, 95, 31, 0.55);
    }

    html[data-theme="light"] .section-rail:not(:hover):not(:focus-within) .section-rail__link:hover {
        color: var(--color-text);
        background: rgba(0, 0, 0, 0.04);
    }
}

html[data-theme="light"] .hero-title .line {
    background: linear-gradient(180deg, #0a0a0a 20%, #5c5c78 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html[data-theme="light"] .hero-split__photo-crop {
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow:
        0 0 0 1px rgba(255, 95, 31, 0.08),
        0 24px 80px rgba(0, 0, 0, 0.12),
        0 0 80px rgba(255, 95, 31, 0.06);
}

html[data-theme="light"] .hero-split__photo-shade {
    background: linear-gradient(
        105deg,
        rgba(248, 248, 246, 0.9) 0%,
        rgba(248, 248, 246, 0.22) 42%,
        transparent 68%
    );
}

html[data-theme="light"] .hero-metric {
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.92) 0%,
        rgba(255, 255, 255, 0.72) 100%
    );
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-theme="light"] .hero-metric__title,
html[data-theme="light"] .hero-metric__num,
html[data-theme="light"] .hero-metric__hms {
    color: var(--color-text);
    text-shadow: none;
}

html[data-theme="light"] .hero-metric__meter {
    background: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .hero-split__partners-list li {
    background: rgba(0, 0, 0, 0.03);
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

html[data-theme="light"] .page-transition-overlay .loader-logo {
    color: var(--color-text);
}

html[data-theme="light"] .section-rail__link:hover {
    background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .hero-section--split .hero-text {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .hero-offer-card,
html[data-theme="light"] .hero-info-panel {
    border-color: rgba(0, 0, 0, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 248, 252, 0.94)),
        radial-gradient(circle at top right, rgba(255, 102, 0, 0.08), transparent 58%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 12px 28px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .vibe-training-section__eyebrow,
html[data-theme="light"] .vibe-col__eyebrow {
    border-color: rgba(255, 95, 31, 0.18);
    background: rgba(255, 95, 31, 0.08);
    color: rgba(185, 78, 23, 0.92);
}

html[data-theme="light"] .vibe-col {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 248, 251, 0.95)),
        radial-gradient(circle at top right, rgba(255, 95, 31, 0.08), transparent 55%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 16px 36px rgba(15, 23, 42, 0.07);
}

html[data-theme="light"] .vibe-col:hover {
    border-color: rgba(255, 95, 31, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 20px 42px rgba(15, 23, 42, 0.09);
}

html[data-theme="light"] .vibe-col--open {
    background:
        radial-gradient(circle at top left, rgba(255, 95, 31, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 252, 0.96));
}

html[data-theme="light"] .vibe-col--premium {
    border-color: rgba(255, 95, 31, 0.24);
    background:
        radial-gradient(circle at top right, rgba(255, 95, 31, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 249, 245, 0.98), rgba(255, 255, 255, 0.96));
}

html[data-theme="light"] .vibe-col__text,
html[data-theme="light"] .vibe-col__footer-note {
    color: rgba(15, 23, 42, 0.74);
}

html[data-theme="light"] .vibe-col__callout {
    background: rgba(255, 95, 31, 0.05);
    border-color: rgba(255, 95, 31, 0.14);
    color: var(--color-text);
}

html[data-theme="light"] .vibe-col__list li {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(15, 23, 42, 0.08);
    color: var(--color-text);
}

html[data-theme="light"] .ecosystem-section__eyebrow,
html[data-theme="light"] .eco-block__eyebrow,
html[data-theme="light"] .eco-card__index {
    border-color: rgba(255, 95, 31, 0.18);
    background: rgba(255, 95, 31, 0.08);
    color: rgba(185, 78, 23, 0.92);
}

html[data-theme="light"] .eco-block {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 248, 251, 0.95)),
        radial-gradient(circle at top right, rgba(255, 95, 31, 0.08), transparent 55%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 16px 36px rgba(15, 23, 42, 0.07);
}

html[data-theme="light"] .eco-block--enthusiasts {
    border-color: rgba(255, 95, 31, 0.22);
    background:
        radial-gradient(circle at top right, rgba(255, 95, 31, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 249, 245, 0.98), rgba(255, 255, 255, 0.96));
}

html[data-theme="light"] .eco-block__lead,
html[data-theme="light"] .eco-card__text {
    color: rgba(15, 23, 42, 0.74);
}

html[data-theme="light"] .eco-card {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 14px 26px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .eco-card:hover {
    border-color: rgba(255, 95, 31, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 18px 32px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .docs-story-panel {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 248, 251, 0.95)),
        radial-gradient(circle at top right, rgba(255, 95, 31, 0.08), transparent 55%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 16px 36px rgba(15, 23, 42, 0.07);
}

html[data-theme="light"] .docs-story-panel__eyebrow {
    border-color: rgba(255, 95, 31, 0.18);
    background: rgba(255, 95, 31, 0.08);
    color: rgba(185, 78, 23, 0.92);
}

html[data-theme="light"] .docs-story-panel__text {
    color: rgba(15, 23, 42, 0.74);
}

html[data-theme="light"] .docs-story-panel__chips span {
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.78);
    color: var(--color-text);
}

html[data-theme="light"] .docs-knowledge-visual {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        radial-gradient(circle at 18% 22%, rgba(255, 95, 31, 0.14), transparent 24%),
        radial-gradient(circle at 78% 26%, rgba(255, 255, 255, 0.75), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 240, 244, 0.98));
    box-shadow:
        0 24px 50px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .docs-knowledge-card,
html[data-theme="light"] .docs-knowledge-orbit {
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.8);
    box-shadow:
        0 16px 30px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

html[data-theme="light"] .docs-knowledge-card strong,
html[data-theme="light"] .docs-knowledge-orbit {
    color: var(--color-text);
}

html[data-theme="light"] .docs-knowledge-card__tag {
    color: rgba(185, 78, 23, 0.82);
}

html[data-theme="light"] .docs-knowledge-card span:last-child {
    color: rgba(15, 23, 42, 0.68);
}

html[data-theme="light"] .docs-book__base {
    background: linear-gradient(180deg, rgba(83, 55, 40, 0.96), rgba(41, 25, 18, 0.98));
}

html[data-theme="light"] .docs-book__page {
    box-shadow:
        0 16px 30px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

html[data-theme="light"] .product-eyebrow {
    border-color: rgba(255, 95, 31, 0.18);
    background: rgba(255, 95, 31, 0.08);
    color: rgba(185, 78, 23, 0.92);
}

html[data-theme="light"] .product-banner__inner {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 95, 31, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 245, 249, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 22px 48px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .product-description,
html[data-theme="light"] .product-stat-label {
    color: rgba(15, 23, 42, 0.72);
}

html[data-theme="light"] .product-bullets li {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(15, 23, 42, 0.08);
    color: var(--color-text);
}

html[data-theme="light"] .product-stat-item {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 248, 252, 0.9)),
        rgba(255, 255, 255, 0.78);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 12px 26px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .product-stat-item:hover {
    border-color: rgba(255, 95, 31, 0.18);
    background: rgba(255, 95, 31, 0.04);
}

html[data-theme="light"] .product-stat-val {
    color: var(--color-text);
    text-shadow: 0 2px 16px rgba(255, 95, 31, 0.14);
}

html[data-theme="light"] .hero-proof-pill {
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    color: rgba(15, 23, 42, 0.8);
}

html[data-theme="light"] .hero-proof-pill strong,
html[data-theme="light"] .hero-source-links__label {
    color: var(--color-text);
}

html[data-theme="light"] .hero-source-links {
    color: var(--color-text-secondary);
}

html[data-theme="light"] .hero-source-links a {
    color: rgba(15, 23, 42, 0.78);
    text-decoration-color: rgba(255, 95, 31, 0.45);
}

html[data-theme="light"] .hero-source-links a:hover {
    color: var(--color-text);
    text-decoration-color: rgba(255, 95, 31, 0.9);
}

html[data-theme="light"] .learning-program-card__list {
    color: rgba(18, 18, 18, 0.78);
}

html[data-theme="light"] .manifesto-proof a {
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: rgba(15, 23, 42, 0.82);
}

html[data-theme="light"] .manifesto-proof a:hover {
    color: var(--color-text);
    border-color: rgba(255, 95, 31, 0.4);
    background: rgba(255, 95, 31, 0.08);
}

html[data-theme="light"] .manifesto-proof-list {
    color: var(--color-text-secondary);
}

html[data-theme="light"] .hero-signal-flow {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(246, 246, 243, 0.82));
    border-color: rgba(255, 95, 31, 0.16);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .hero-signal-flow__line {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.04), rgba(15, 23, 42, 0.08), rgba(255, 95, 31, 0.18), rgba(15, 23, 42, 0.08));
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .hero-signal-flow__trail {
    background: linear-gradient(90deg, rgba(255, 95, 31, 0.25), rgba(255, 95, 31, 0.95), rgba(255, 255, 255, 0.98));
    box-shadow: 0 0 18px rgba(255, 95, 31, 0.28);
}

html[data-theme="light"] .hero-signal-flow__pulse {
    box-shadow: 0 0 28px rgba(255, 95, 31, 0.32);
}

html[data-theme="light"] .hero-signal-flow__node {
    border-color: rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(33, 37, 48, 0.96), rgba(17, 20, 29, 0.92));
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .hero-signal-flow__node::before {
    background: rgba(255, 95, 31, 0.18);
}

html[data-theme="light"] .hero-signal-flow__node.is-active {
    border-color: rgba(255, 95, 31, 0.55);
    background: linear-gradient(180deg, rgba(255, 95, 31, 0.92), rgba(240, 92, 24, 0.84));
    box-shadow: 0 0 0 1px rgba(255, 95, 31, 0.12), 0 18px 42px rgba(255, 95, 31, 0.2);
}

html[data-theme="light"] .hero-signal-flow__node.is-complete {
    border-color: rgba(15, 23, 42, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(243, 244, 246, 0.92));
    color: var(--color-text);
}

html[data-theme="light"] .remote-map-visual--full {
    background:
        radial-gradient(circle at 18% 24%, rgba(255, 109, 58, 0.14), transparent 24%),
        radial-gradient(circle at 78% 68%, rgba(255, 255, 255, 0.75), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 240, 236, 0.98));
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .remote-map-visual--full .remote-map-grid-bg {
    opacity: 0.5;
}

html[data-theme="light"] .remote-map-visual--full .remote-map-glow--one {
    background: radial-gradient(circle at 20% 30%, rgba(255, 109, 58, 0.2), transparent 24%);
}

html[data-theme="light"] .remote-map-visual--full .remote-map-glow--two {
    background: radial-gradient(circle at 80% 64%, rgba(255, 255, 255, 0.85), transparent 24%);
}

html[data-theme="light"] .remote-map-russia-image {
    opacity: 0.66;
    filter:
        grayscale(1)
        brightness(1.12)
        contrast(1.08)
        drop-shadow(0 0 16px rgba(255, 109, 58, 0.08));
}

html[data-theme="light"] .remote-map-toolbar,
html[data-theme="light"] .remote-map-counter {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow:
        0 14px 28px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .remote-map-zoom-btn {
    background: rgba(0, 0, 0, 0.04);
    color: var(--color-text);
}

html[data-theme="light"] .remote-map-zoom-btn:hover,
html[data-theme="light"] .remote-map-zoom-btn:focus-visible {
    background: rgba(255, 109, 58, 0.12);
    color: var(--color-text);
}

html[data-theme="light"] .remote-map-counter__label {
    color: rgba(18, 18, 18, 0.56);
}

html[data-theme="light"] .remote-map-counter__value {
    color: var(--color-text);
}

html[data-theme="light"] .remote-map-alert {
    background: rgba(255, 255, 255, 0.92);
    color: var(--color-text);
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow:
        0 16px 28px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html[data-theme="light"] .remote-map-alert--new {
    color: #e85a12;
}

html[data-theme="light"] .remote-map-alert--discussion {
    color: #b7791f;
}

html[data-theme="light"] .remote-map-alert--done {
    color: #1f9d55;
    background: rgba(236, 253, 241, 0.96);
    border-color: rgba(31, 157, 85, 0.18);
}

html[data-theme="light"] .remote-map-visual--full .remote-city-node__name {
    color: var(--color-text);
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.98),
        0 0 12px rgba(255, 255, 255, 0.9);
}