/* * Vintage Bizhu — Design Tokens (Layer 1/4) * Нейтральные semantic-имена; значения из vintagebiju-палитры. * НЕ использовать --ds-* / --vb-* / --sw-* в этом файле. */ /* ------ SELF-HOSTED FONTS (assets/fonts/, woff2) ------ Playfair Display — variable (wght 400–900), сабсеты cyrillic + latin. Manrope — статические сабсеты из донора data-seller-2. font-display:swap. */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../fonts/playfair-display-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../fonts/playfair-display-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/manrope-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/manrope-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } :root { /* ------ ЦВЕТ — Visual Reset V8: achromatic boutique gallery ------ Система почти ахроматическая; цвет дают фотографии. Зелёный = только микро-акцент (--color-brand): логотип, tiny hover, small badges. Новые семантические имена: --color-ink / --color-cta / --color-brand / --color-soft. Старые имена (--color-accent* и др.) РЕПОЙНТНУТЫ на ахром-палитру, чтобы ~126 существующих правил ахроматизировались каскадом без переписывания. Детали: 13_VISUAL_RESET_V8.md */ /* — новые основные имена — */ --color-ink: #171717; /* основной текст, primary CTA, тёмный футер */ --color-cta: #171717; /* primary CTA = ink, НЕ green */ --color-brand: #1f4a35; /* зелёный МИКРО-акцент: логотип, tiny hover, small badge */ --color-soft: #f1ede6; /* редкий тихий тинт (не beige-on-beige) */ /* — база — */ --color-bg: #faf9f5; /* фон страницы — тёплый почти-белый */ --color-surface: #ffffff; /* поверхность карточек */ --color-text: #171717; /* основной текст = ink */ --color-muted: #77736c; /* вторичный текст */ --color-subtle: #a29d94; /* подписи, placeholder (тихие) */ /* — легаси-алиасы (репойнт на ахром; НЕ зелёные/золотые больше) — */ --color-accent: #77736c; /* был золотой декор → muted (тёплую хрому убрали) */ --color-accent-ink: #171717; /* был золото-текст → ink */ --color-accent-strong:#171717; /* был зелёный-заливка → ink: все залитые CTA станут чёрными */ --color-accent-soft: #f1ede6; /* тёплый тинт → --color-soft */ --color-line: #e6e0d7; /* тонкая граница (hairline) */ --color-line-strong: #d8d2c8; /* граница усиленная */ /* ------ ТИПОГРАФИКА ------ */ /* self-host-заглушка: браузерные fallback до загрузки woff2 */ --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif; --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; /* шкала */ --text-xs: 0.75rem; /* 12px */ --text-sm: 0.875rem; /* 14px */ --text-base: 1rem; /* 16px */ --text-md: 1.125rem; /* 18px */ --text-lg: 1.375rem; /* 22px */ --text-xl: 1.75rem; /* 28px */ --text-2xl: 2.25rem; /* 36px */ --text-3xl: 3rem; /* 48px */ --text-4xl: 3.5rem; /* 56px */ --text-5xl: 4.5rem; /* 72px */ /* ------ EDITORIAL DISPLAY (V24 serif-led, ближе к V22-концептам) ------ Крупная Playfair-типографика hero/секций/PDP — главный рычаг premium-сдвига. Clamp'ы шире прежней шкалы: hero до 5.25rem (было ~3.5), H2 до 3.25rem. */ --display-hero: clamp(2.7rem, 5.4vw, 5.25rem); --display-h2: clamp(1.9rem, 3.6vw, 3.25rem); --display-pdp: clamp(2rem, 3.2vw, 3rem); --eyebrow-ls: .2em; /* letter-spacing надзаголовков/nav (editorial) */ /* ------ ФОРМА ------ */ /* Oura-recipe (аудит 2026-07-03): радиус ужат под boutique (Oura cards 8 / small 4) */ --radius-card: 8px; --radius-sm: 4px; --radius-pill: 999px; /* ------ ГЛУБИНА (Oura: тени → 1px hairline, никаких drop-shadow) ------ var(--shadow-*) сохранены как имена, но теперь это плоские hairline-кольца — каждый бывший «элевейтед» элемент получает тёплую рамку вместо парения. Продуктовые карточки (v3/v5) уже box-shadow:none — их это не трогает. */ --shadow-card: 0 0 0 1px var(--color-line); --shadow-soft: 0 0 0 1px var(--color-line); --shadow-lift: 0 0 0 1px var(--color-line-strong); /* ------ РАСКЛАДКА ------ */ --container: 1280px; --gutter: clamp(16px, 4vw, 40px); /* ------ ПЕРЕХОДЫ ------ */ --ease-base: .2s ease; --ease-in: .15s ease-in; --ease-out: .25s ease-out; } /* Fallback-метрика под Playfair Display — снижает CLS при font-display:swap */ @font-face { font-family: 'PD Metric Fallback'; src: local('Georgia'); size-adjust: 92%; ascent-override: 100%; descent-override: 23%; line-gap-override: 0%; }