/* ========================================================================= EVO Design System — base.css Единая точка подключения дизайн-системы. Добавь одну строку в любой страницы: ========================================================================= */ /* Шрифты (локальные .ttf из /assets/fonts/) */ @font-face { font-family: "Inter"; src: url("/assets/fonts/Inter-VariableFont_opsz_wght.ttf") format("truetype-variations"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/assets/fonts/Inter-Italic-VariableFont_opsz_wght.ttf") format("truetype-variations"); font-weight: 100 900; font-style: italic; font-display: swap; } @font-face { font-family: "Plus Jakarta Sans"; src: url("/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 200 800; font-style: normal; font-display: swap; } @font-face { font-family: "Plus Jakarta Sans"; src: url("/assets/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 200 800; font-style: italic; font-display: swap; } /* JetBrains Mono — только из Google Fonts (не было в загрузке) */ @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap"); /* Токены (цвета, spacing, motion, dark/light темы) */ @import url("/design-system/tokens.css"); /* Компоненты (.btn, .card, .input, .badge, .modal, .toast, ...) */ @import url("/design-system/components.css"); /* Staging host marker (TASK-CONTROL-LOOP-001): body gets .evo-staging-host from common.js */ .evo-staging-banner { display: none; align-items: center; justify-content: center; gap: 0.5rem; min-height: 2.25rem; padding: 0.25rem 1rem; font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--warning); background: var(--warning-fill); border-bottom: 1px solid var(--warning-border); position: relative; z-index: 50; } body.evo-staging-host .evo-staging-banner { display: flex; }