/* Темы: по умолчанию тёмная; светлая — [data-theme="light"] на */ :root { --font-sans: 'Manrope', system-ui, sans-serif; --font-mono: 'JetBrains Mono', monospace; --radius: 12px; --site-header-h: 48px; --container-pad: clamp(16px, 4vw, 24px); --content-max: 1100px; --scroll-offset: 64px; --bg: #0a0b0d; --surface: #12141a; --card: #12141a; --card-hover: #1a1d24; --border: rgba(255, 255, 255, 0.06); --border-hover: rgba(255, 255, 255, 0.12); --text: #e8eaed; --text-muted: #8b8f98; --text-muted-2: #9ca0a9; --accent: #00b894; --accent-hover: #009e7d; --accent-dim: rgba(0, 184, 148, 0.18); --accent-glow: rgba(0, 184, 148, 0.22); --header-bg: rgba(10, 11, 13, 0.52); --grid-line: rgba(255, 255, 255, 0.028); --orb-opacity: 0.12; --skill-tag-bg: rgba(255, 255, 255, 0.05); --btn-primary-fg: #fff; --im-effect-label: rgba(255, 255, 255, 0.72); --preview-bg: rgba(0, 0, 0, 0.22); --shadow-card: 0 4px 28px rgba(0, 0, 0, 0.35); --shadow-header: 0 1px 0 rgba(255, 255, 255, 0.03); --section-gap: clamp(36px, 6vw, 56px); } [data-theme="light"] { --bg: #f4f6f8; --surface: #ffffff; --card: #ffffff; --card-hover: #f0f3f7; --border: rgba(15, 23, 42, 0.1); --border-hover: rgba(15, 23, 42, 0.16); --text: #0f172a; --text-muted: #475569; --text-muted-2: #64748b; --accent: #0d9488; --accent-hover: #0f766e; --accent-dim: rgba(13, 148, 136, 0.12); --accent-glow: rgba(13, 148, 136, 0.12); --header-bg: rgba(244, 246, 248, 0.58); --grid-line: rgba(15, 23, 42, 0.06); --orb-opacity: 0.06; --skill-tag-bg: rgba(15, 23, 42, 0.05); --btn-primary-fg: #fff; --im-effect-label: rgba(15, 23, 42, 0.75); --preview-bg: rgba(15, 23, 42, 0.05); --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.06); --shadow-header: 0 1px 0 rgba(15, 23, 42, 0.06); }