/* Cibomio — дизайн-токены. Подключать в до блоков T123. */ @import url('https://fonts.googleapis.com/css2?family=Akt:wght@400;600;700;800&family=Nunito:wght@400;600;700;800&display=swap'); :root { /* Brand (основной тёмнее, доп. — светлее для hover) */ --km-primary: #388e3c; --km-primary-hover: #4caf50; --km-primary-rgb: 56, 142, 60; /* Только акции и новинки */ --km-promo: #d32f2f; --km-promo-bg: #ffebee; --km-promo-bg-soft: #fff5f5; /* Text */ --km-text: #1a1a1a; --km-text-body: #333333; --km-text-muted: #666666; --km-text-soft: #888888; --km-text-placeholder: #aaaaaa; /* Surfaces */ --km-bg: #ffffff; --km-bg-subtle: #fafafa; --km-bg-muted: #f5f5f5; --km-bg-tint: #e8f5e9; --km-bg-tint-soft: #f1f8f2; /* Borders */ --km-border: #eeeeee; --km-border-input: #dddddd; --km-border-brand: #c8e6c9; /* Semantic (не промо-красный) */ --km-error: #b45309; --km-error-bg: #fff8e1; /* Typography */ --km-font-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; --km-font-display: 'Akt', var(--km-font-body); /* Shape */ --km-radius-sm: 8px; --km-radius: 10px; --km-radius-lg: 14px; --km-radius-pill: 24px; --km-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08); } html { -webkit-font-smoothing: antialiased; } body.t-body, .km-header, .km-page, .km-catalog-page, .km-bs, .km-hero, .km-burger-panel, .km-cart-sb, .km-mega { font-family: var(--km-font-body); color: var(--km-text-body); } .km-page-hero__title, .km-section-title, .km-burger-panel__title, .km-cart-sb__title, .km-mega__title, .km-products__title, .km-diff__title, .km-bs__title, .km-bs__head .km-bs__title, .km-hero__title, .km-hero__slide-title, .km-footer__logo, #rec2232295451 .t038__text-impact, #rec2231309151 .km-marquee__word, #rec2231309151 .km-marquee__line { font-family: var(--km-font-display); } .km-hero, .km-bs, .km-products, .km-diff, .km-home-loading, #allrecords .t-rec { font-family: var(--km-font-body); } /* Акции / новинки — единственное место для «промо-красного» */ .km-cat-link--accent, .km-cat-link--accent:link, .km-cat-link--accent:visited, .km-cat-link--new, .km-cat-link--new:link, .km-cat-link--new:visited, .km-header .km-cat-link--accent, .km-header .km-cat-link--accent:link, .km-header .km-cat-link--accent:visited, .km-header .km-cat-link--new, .km-header .km-cat-link--new:link, .km-header .km-cat-link--new:visited, .km-mega__nav-item--sale, .km-mega__quick-link--sale, .km-mega__quick-link--sale:link, .km-mega__card--sale, .km-mega__card--sale:link, .km-badge--sale, .km-badge--new { color: var(--km-promo) !important; } .km-mega__quick-link--sale { background: var(--km-promo-bg-soft) !important; } .km-mega__card--sale { background: linear-gradient(135deg, var(--km-promo-bg-soft), var(--km-promo-bg)) !important; }