/* BusNaTrase.pl — tokeny projektowe (szablon 2a) Podpinać PRZED komponenty.css. Tryb ciemny: */ :root { /* typografia */ --bnt-font: 'Space Grotesk', Helvetica, Arial, sans-serif; --bnt-fs-title: 21px; --bnt-fs-section: 20px; --bnt-fs-segment: 18px; --bnt-fs-label: 14px; --bnt-fs-input: 16px; --bnt-fs-helper: 13px; --bnt-fs-btn: 18px; --bnt-fs-btn-sm: 15px; /* kolory — tryb jasny */ --bnt-ink: #1e2230; --bnt-header-bg: #1e2230; --bnt-header-text: #fdfcfa; --bnt-panel-bg: #fdfcfa; --bnt-card-bg: #f5f2ec; --bnt-card-auto-bg: #efeade; --bnt-input-bg: #ffffff; --bnt-input-border: #e5ddce; --bnt-input-divider: #eee6d8; --bnt-text: #1e2230; --bnt-text-secondary: #6a6d7c; --bnt-text-helper: #7a7d8b; --bnt-text-placeholder: #9a9caa; --bnt-accent: #f0a828; --bnt-accent-hover: #e09818; --bnt-accent-text: #d68a0c; /* bursztyn na jasnym tle (kontrast) */ --bnt-accent-tile: #fdecc9; /* kafel ikony */ --bnt-on-accent: #1e2230; --bnt-green: #2f9e6f; --bnt-green-ring: #cdeadd; --bnt-error: #c94f3d; --bnt-dash-border: #d6cdba; --bnt-rail: #c9c3b4; --bnt-map-tile-bg: #ffffff; --bnt-map-tile-text: #1e2230; /* geometria */ --bnt-r-input: 12px; --bnt-r-btn: 14px; --bnt-r-card: 18px; --bnt-r-modal: 24px; --bnt-r-pill: 11px; --bnt-panel-w: 480px; --bnt-pad-card: 26px; --bnt-gap-card: 20px; --bnt-gap-field: 18px; --bnt-shadow-modal: 0 28px 72px rgba(30, 34, 48, 0.26); --bnt-shadow-tile: 0 2px 8px rgba(0, 0, 0, 0.12); --bnt-focus-ring: 0 0 0 3px rgba(240, 168, 40, 0.25); } [data-theme="dark"] { --bnt-header-bg: #1a1d29; --bnt-header-text: #f4f4f6; --bnt-panel-bg: #262a38; --bnt-card-bg: #2e3342; --bnt-card-auto-bg: #2a3040; --bnt-input-bg: #363c4e; --bnt-input-border: #444b60; --bnt-input-divider: #444b60; --bnt-text: #f4f4f6; --bnt-text-secondary: #a9adbd; --bnt-text-helper: #9a9db0; --bnt-text-placeholder: #8a8ea1; --bnt-accent-text: #f0a828; --bnt-accent-tile: #3a3320; --bnt-green: #3fbd86; --bnt-green-ring: #234a3a; --bnt-dash-border: #4a5163; --bnt-rail: #4a4f63; --bnt-map-tile-bg: #2e3342; --bnt-map-tile-text: #f4f4f6; --bnt-shadow-modal: 0 28px 72px rgba(0, 0, 0, 0.5); }