:root { /* — Фоны и поверхности — */ --bg: #16110e; --bg-soft: #1e1813; --surface: #241c16; --surface-2: #2e2419; --surface-3: #3a2d20; --overlay: rgba(10, 6, 3, 0.82); /* — Стеклянные поверхности (поверх --grad-world) — */ --surface-glass: rgba(30, 22, 16, 0.92); --surface-glass-lite: rgba(36, 28, 20, 0.82); --surface-2-glass: rgba(22, 16, 11, 0.88); --blur-glass: blur(12px); --blur-glass-lite: blur(8px); /* — Шапка/подвал — */ --header-bg: rgba(22, 16, 12, 0.72); --header-bg-scrolled: rgba(16, 11, 8, 0.94); --footer-bg: rgba(12, 8, 5, 0.92); /* — Границы (тёплые) — */ --border: #3a2d20; --border-soft: #241c16; --border-strong: #6b4e2a; /* — Текст (кремово-тёплый) — */ --text: #ede8e3; --text-muted: #b5a294; --text-faint: #7e6857; --text-on-accent: #1a0800; /* — Акцент (янтарь) — */ --accent: #f0a030; --accent-hover: #f5b54a; --accent-press: #d88820; --accent-weak: rgba(240, 160, 48, 0.14); --accent-ring: rgba(240, 160, 48, 0.45); --accent-hero-bg: rgba(240, 160, 48, 0.1); /* — Семантика — */ --live: #ff4d4d; --live-weak: rgba(255, 77, 77, 0.16); --success: #5fd08a; --warning: #ffc453; --danger: #ff5c5c; --info: #5ba8ff; /* — Брендовые цвета платформ — */ --c-youtube: #ff0033; --c-twitch: #9146ff; --c-telegram: #2aabee; --c-vk: #0077ff; --c-discord: #5865f2; --c-boosty: #f15f2c; --c-tiktok: #25f4ee; /* — Тени (тёплые) — */ --shadow-sm: 0 1px 3px rgba(8, 4, 2, 0.55); --shadow-md: 0 6px 20px rgba(8, 4, 2, 0.6); --shadow-lg: 0 18px 50px rgba(8, 4, 2, 0.72); --glow-accent: 0 0 0 1px var(--accent-weak), 0 8px 28px rgba(240, 160, 48, 0.2); --glow-live: 0 0 0 1px var(--live-weak), 0 0 16px rgba(255, 77, 77, 0.35); /* — Градиенты — */ --grad-accent: linear-gradient( 135deg, #f5b54a 0%, #f0a030 50%, #d88820 100% ); --grad-glow: radial-gradient( 1000px 520px at 50% -6%, rgba(240, 160, 48, 0.18), transparent 62% ); --grad-avatar: linear-gradient(135deg, #3a2d20, #241c16); /* — Мировой градиент (фон ): тёплый уголь с янтарным верхом — */ --grad-world: linear-gradient( to bottom, #2a1e12 0%, #1a130d 45%, #16110e 100% ); /* — Типографика — */ --font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace; --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 0.9375rem; --fs-md: 1.0625rem; --fs-lg: 1.375rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem; --lh-tight: 1.15; --lh-snug: 1.35; --lh-base: 1.65; --tracking-section: 0.06em; --tracking-nav: 0.03em; --tracking-meta: 0.02em; --tracking-tight: -0.01em; /* — Отступы (шаг 4px) — */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; /* — Радиусы — */ --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-full: 999px; /* — Раскладка — */ --container: 1280px; --container-narrow: 760px; --gutter: var(--space-5); --header-h: 64px; --section-gap: var(--space-9); /* — Ширины колонок сеток — */ --col-member: 200px; --col-resource: 300px; --col-link: 260px; --col-video: 280px; /* Deprecated transitional aliases — remove when referencing files are updated */ --col-news: 280px; /* → use --col-video; referenced by news.css, news.html */ --fs-3xl: 3rem; /* hero / detail headings; referenced by member_detail.css, resource-detail.css */ --tracking-wide: 0.04em; /* → use --tracking-section; referenced by members.css, wiki.css */ --font-display: "Tektur", "Manrope", system-ui, sans-serif; /* display: Tektur (Cyrillic geometric); body fallback: Manrope */ --font-body: var( --font-ui ); /* → use --font-ui; referenced by pages.css(2), members.css(3), feed.css(2), wiki.css(5), links.css(2) */ /* — Угольный рамп (устаревшее имя --underwater-*, оставлено для совместимости) — */ --underwater-100: #1e1813; --underwater-200: #241c16; --underwater-300: #2e2419; --underwater-400: #241c16; --underwater-500: #1a130d; --underwater-600: #16110e; /* — Воксельный слой — */ --voxel-step: 6px; /* размер среза угла для .voxel-corners */ --shadow-block: 4px 4px 0 var(--border-strong); /* жёсткая блочная тень на hover */ --space-10: 8rem; /* 128px — крупный hero-ритм */ /* — Движение — */ --dur-fast: 120ms; --dur: 200ms; --dur-slow: 340ms; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); }