:root {
    color-scheme: dark;
    accent-color: #C8FF3D;

    --bg: #0F110E;
    --bg-secondary: #141713;
    --bg-elevated: #181C17;
    --card: #181C17;
    --card-hover: #1C211A;
    --card-elevated: #20251E;
    --card-blur: 0px;
    --glass: rgba(255,255,255,.045);
    --glass-2: rgba(255,255,255,.075);
    --border: #292F26;
    --border-strong: #363D31;

    --accent: #C8FF3D;
    --accent-2: #B9F72A;
    --accent-ink: #142006;
    --accent-dim: rgba(200,255,61,.11);
    --accent-glow: rgba(200,255,61,.18);
    --navy: #0F110E;
    --blue: #9CB1FF;
    --blue-soft: rgba(156,177,255,.12);
    --success: #84C991;
    --success-glow: rgba(132,201,145,.22);
    --warning: #D6A85A;
    --warning-glow: rgba(214,168,90,.22);
    --danger: #DD7E76;
    --danger-glow: rgba(221,126,118,.22);
    --gold: #DFC279;
    --gold-bright: #F2D991;
    --gold-dim: #8A713E;
    --gold-glow: rgba(223,194,121,.24);
    --gold-muted: #C5AA6D;
    --gold-muted-glow: rgba(197,170,109,.20);
    --silver: #C9CFDA;
    --silver-bright: #EDF1F7;
    --silver-dim: #6F7685;
    --bronze: #A89184;
    --bronze-bright: #CDBBAE;
    --bronze-dim: #5C4E46;

    --text: #F1F3EC;
    --text-dim: #92988C;
    --text-faint: #6F766A;

    --radius-sm: 12px;
    --radius: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 999px;

    --shadow-card: none;
    --shadow-pop: 0 26px 80px -38px rgba(0,0,0,.95);
    --shadow-glow-accent: 0 0 0 1px rgba(200,255,61,.14), 0 14px 34px -24px var(--accent-glow);
    --shadow-glow-gold: 0 0 0 1px rgba(197,170,109,.16), 0 16px 40px -16px var(--gold-muted-glow);

    --font-display: 'Manrope', Inter, sans-serif;
    --font-body: 'Manrope', Inter, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

    --sidebar-w: 264px;
    --sidebar-w-collapsed: 88px;
    --topbar-h: 68px;
    --tabbar-h: 70px;
    --content-max: 1540px;

    --fs-hero: clamp(46px, 5vw, 72px);
    --fs-h1: clamp(34px, 4vw, 54px);
    --fs-h2: 20px;
    --fs-h3: 17px;
    --fs-body: 15px;
    --fs-caption: 13px;
    --fs-micro: 10.5px;
    --track-tight: -.045em;
    --track-caps: .12em;
    --divider: linear-gradient(90deg, transparent, var(--border-strong) 18%, var(--border-strong) 82%, transparent);
    --ease: cubic-bezier(.16,1,.3,1);
    --ease-spring: cubic-bezier(.34,1.56,.64,1);
}


@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* ===== Плавные переходы между страницами (MPA View Transitions) =====
   Работает в Chrome/Edge 126+, в остальных браузерах просто игнорируется. */
@view-transition {
    navigation: auto;
}
::view-transition-old(root) {
    animation: vt-out 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;
}
::view-transition-new(root) {
    animation: vt-in 0.26s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes vt-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes vt-in { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}