/* Дизайн-токени Wardrobe Keep v2: монохром, фото — головний матеріал. Єдиний акцент --sage: ТІЛЬКИ Полі і cost-per-wear. Інших кольорів немає. */ :root { --ink: #1C1B19; /* текст, кнопки — майже чорний */ --ink-60: #6B6862; /* другорядний текст */ --greige: #EDE9E3; /* фон застосунку */ --linen: #F7F5F1; /* картки, поля вводу, підложка фото */ --line: rgba(28, 27, 25, .10); --sage: #4E6151; /* єдиний акцент: Полі і cost-per-wear */ --grad-photo: linear-gradient(to top, rgba(28, 27, 25, .55), rgba(28, 27, 25, 0) 62%); /* Liquid glass — ТІЛЬКИ плаваючий хром (таббар, шапка, стрічка фільтрів, шторки, тости, FAB). До фото/карток/колажів — ніколи. */ --glass-bg: rgba(247, 245, 241, .62); --glass-bg-dark: rgba(28, 27, 25, .38); --glass-border: rgba(255, 255, 255, .55); --glass-edge: rgba(28, 27, 25, .06); --glass-blur: 24px; --glass-sat: 180%; --veil-bg: rgba(247, 245, 241, .82); --font-display: "Cormorant Garamond", serif; --font-body: "Manrope", system-ui, sans-serif; --font-mono: "JetBrains Mono", monospace; --radius-pill: 999px; --radius-photo: 4px; --radius-field: 12px; --tap: 44px; --safe-b: env(safe-area-inset-bottom, 0px); } /* ── Темна тема: ті самі ролі, інші значення. Фото не чіпаємо. ── Керується data-theme на : "light" | "dark"; без атрибута — системна. */ :root[data-theme="dark"] { color-scheme: dark; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ink: #F1EEE8; --ink-60: #A6A29A; --greige: #171614; --linen: #221F1D; --line: rgba(247, 245, 241, .12); --sage: #8CA890; /* світліший сейдж — контраст на темному */ --glass-bg: rgba(23, 22, 20, .55); --glass-bg-dark: rgba(23, 22, 20, .55); --glass-border: rgba(255, 255, 255, .14); --glass-edge: rgba(0, 0, 0, .4); --veil-bg: rgba(34, 31, 29, .88); } } :root[data-theme="dark"] { --veil-bg: rgba(34, 31, 29, .88); --ink: #F1EEE8; --ink-60: #A6A29A; --greige: #171614; --linen: #221F1D; --line: rgba(247, 245, 241, .12); --sage: #8CA890; --glass-bg: rgba(23, 22, 20, .55); --glass-bg-dark: rgba(23, 22, 20, .55); --glass-border: rgba(255, 255, 255, .14); --glass-edge: rgba(0, 0, 0, .4); }