/* * Світла тема профілів «Пантеон ЛІТІ». * * Підключається ОСТАННЬОЮ в кожного профілю і перекриває темну тему * материнського сайту через ті самі 12 CSS-змінних, на яких побудовані всі * 133 сторінки. Контент і розмітка не змінюються. * * Ключ до ієрархії: на темній темі --gold-light був НАЙЯСКРАВІШИМ акцентом * (підсвічений текст), а --gold-dark — пригашеним. На світлому тлі ролі * дзеркальні: акцентний текст мусить бути НАЙТЕМНІШИМ. Тому light ↔ dark * свідомо міняються місцями — інакше акценти зникнуть. */ /* Той самий Fixel, що на головній: перевизначення сімейства 'Jura' пізнішим @font-face — кожен заголовок профілю рендериться Fixel без жодної зміни в розмітці. */ @font-face{ font-family:'Jura'; src:url('/Fixel/FixelVariable.ttf') format('truetype'); font-weight:100 900; font-display:swap; } :root{ --bg-deep:#F7F2E8; --bg-primary:#F7F2E8; --bg-elevated:#EFE8D6; --bg-card:#FFFDF7; --gold-primary:#8F6E1F; /* акцент: бронза, читається на папері */ --gold-light:#6C5312; /* був найяскравіший — став найтемніший */ --gold-dark:#B9A97E; /* був пригашений — став світлий беж */ --border-gold:#C9BC9C; --border-subtle:#E4DAC4; --text-primary:#241D10; --text-secondary:#4A4232; --text-muted:#83755C; } /* Додаткові акцентні змінні окремих поколінь шаблону: темнимо ті, що використовуються як колір тексту й на папері були б надто бляклими. */ :root{ --honey:#8A6414; --grain:#7A5E28; --petal:#8C4A5C; --petal-glow:rgba(140,74,92,.14); --leaf:#4C6B3C; --steel:#4C5A66; --stone-glow:rgba(36,29,16,.08); --gold-glow:rgba(143,110,31,.14); --icon-gold:#8F6E1F; --accent-dim:#83755C; } /* Жирність: Fixel у вазі Jura 300-500 на папері тонкуватий — піднімаємо базу тексту і заголовків без зміни розмітки. */ body{font-weight:460} h1,h2,h3,.section-title,.document-title,.hero-title{font-weight:740} /* Тіні з чорного напівпрозорого — м'якшаємо під світле тло. */ .section,.bigfive-block,.source-note{ box-shadow:0 1px 2px rgba(36,29,16,.04),0 10px 26px rgba(36,29,16,.06); } /* Липка шапка при скролі була чорною (rgba(11,9,8,.96) у nav.scrolled). */ nav.scrolled{ background:rgba(247,242,232,.95); border-bottom:1px solid var(--border-subtle); box-shadow:0 6px 20px rgba(36,29,16,.07); }