:root { --primary: #01914a; --primary-light: #02b85a; --primary-dark: #017a3e; --primary-bg: rgba(1, 145, 74, 0.04); --primary-soft: rgba(1, 145, 74, 0.1); --text-primary: #0f172a; --text-secondary: #475569; --text-muted: #94a3b8; --text-light: #cbd5e1; --text-white: #ffffff; --bg-primary: #ffffff; --bg-secondary: #f8fafc; --bg-tertiary: #f1f5f9; --bg-dark: #0f172a; --border: #e2e8f0; --border-light: #f1f5f9; --border-dark: #cbd5e1; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.02); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -2px rgba(0, 0, 0, 0.02); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.02); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-full: 100px; --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1); --tg-color: #0088cc; --vk-color: #4a76a8; --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', monospace; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; }