/* ========================================================================== ZAUFANA TRZECIA STRONA - LIGHT THEME Activated via data-color-scheme="light" on ========================================================================== */ html[data-color-scheme="light"] { --bg-color: #E8ECF4; --bg-lighter-color: #DFE4F2; --text-color: #1C2438; --text-grey-color: #4A5672; --placeholder-color: #8193AA; --red-color: #E02240; --aqua-color: #00CBEA; --yellow-color: #B08A00; --text-nav: #4A5672; --nav-hover-color: #1C2438; --heading-primary: #1C2438; --search-field-border: #1C2438; --search-field-text: #1C2438; --search-placeholder: rgba(28, 36, 56, 0.5); /* High contrast dark blue for icons in light mode */ --social-icon-filter: brightness(0) saturate(100%) invert(11%) sepia(23%) saturate(1514%) hue-rotate(185deg) brightness(80%) contrast(100%); --social-icon-filter-hover: brightness(0) saturate(100%) invert(11%) sepia(23%) saturate(1514%) hue-rotate(185deg) brightness(80%) contrast(100%); --nav-social-border: rgba(28, 36, 56, 0.4); --header-bar-icon-filter: brightness(0) saturate(100%) invert(11%) sepia(23%) saturate(1514%) hue-rotate(185deg) brightness(80%) contrast(100%); --footer-bg: #DFE4F2; --footer-pill-bg: #E1E6F0; --footer-pill-text: #4A5672; --footer-muted: rgba(28, 36, 56, 0.6); --columns-divider: rgba(28, 36, 56, 0.1); /* Article links: distinct from --richtext-body / --article-text (#3d4d60-ish), which reads as “grey” */ --richtext-link: #085a6b; --richtext-link-hover: #e02240; /* Keep global links readable when this file is the only light palette */ --link-color: #085a6b; --link-hover-color: #e02240; } /* Extra affordance: underlines in article copy (global nav/footer links stay as designed) */ html[data-color-scheme="light"] .article .payload-richtext a, html[data-color-scheme="light"] .article > p a, html[data-color-scheme="light"] .article > ul a, html[data-color-scheme="light"] .article > ol a, html[data-color-scheme="light"] .article > blockquote a, html[data-color-scheme="light"] .article .lexical-table a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; } html[data-color-scheme="light"] .article .payload-richtext blockquote a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }