/* ============================================================ Pilot. -> LibreChat v0.8.6 — override skorupy BEZ rebuildu klienta. Serwowany jako /brand/pilot.css. Mount: ./branding -> /app/client/public/assets/brand; express.static(public/assets) montuje w ROOT, wiec pliki sa pod /brand/* (NIE /assets/brand/*). Wpiecie: host-nginx sub_filter wstrzykuje przed . Nadpisuje REALNE zmienne LibreChat (z dist CSS), NIE placeholdery. RODO: fonty self-host (/assets/brand/fonts/*.woff2), ZERO Google CDN. Zrodlo tokenow: docs/brand-pilot.md + branding/pilot-tokens.css. Dark mode LibreChat = klasa .dark na (NIE @media). ============================================================ */ /* ---------- 1. Fonty self-host (woff2 z /brand/fonts/, bez Google CDN) ---------- */ @font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap; src:url('/brand/fonts/Inter-Variable.woff2') format('woff2');} @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap; src:url('/brand/fonts/CormorantGaramond-Regular.woff2') format('woff2');} @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap; src:url('/brand/fonts/CormorantGaramond-Medium.woff2') format('woff2');} @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap; src:url('/brand/fonts/CormorantGaramond-SemiBold.woff2') format('woff2');} @font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap; src:url('/brand/fonts/CormorantGaramond-Italic.woff2') format('woff2');} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap; src:url('/brand/fonts/JetBrainsMono-Variable.woff2') format('woff2');} /* ---------- 2. Tokeny Pilot. + mapowanie na ZMIENNE LIBRECHAT (LIGHT) ---------- */ :root{ --pilot-bg-base:#FAFAF7; --pilot-bg-raised:#FFFFFF; --pilot-bg-sunken:#F2EFE8; --pilot-ink:#1A2E4C; --pilot-ink-2:#2C3340; --pilot-ink-3:#6B6862; --pilot-accent:#C7956D; --pilot-accent-hover:#A07549; --pilot-accent-soft:rgba(199,149,109,.12); --pilot-navy-deep:#0F1F36; --pilot-line:#D8D3C8; --pilot-line-soft:#E8E5DE; /* Warstwa semantyczna LibreChat */ --surface-primary:var(--pilot-bg-base)!important; --surface-chat:var(--pilot-bg-base)!important; --surface-secondary:var(--pilot-bg-raised)!important; --surface-tertiary:var(--pilot-bg-sunken)!important; --surface-dialog:var(--pilot-bg-raised)!important; --surface-hover:var(--pilot-accent-soft)!important; --surface-active-alt:var(--pilot-accent-soft)!important; --surface-submit:var(--pilot-accent)!important; /* przycisk wyslij/CTA -> copper */ --surface-submit-hover:var(--pilot-accent-hover)!important; --text-primary:var(--pilot-ink)!important; --text-secondary:var(--pilot-ink-2)!important; --text-tertiary:var(--pilot-ink-3)!important; --brand-purple:var(--pilot-accent)!important; /* fiolet LibreChat -> copper */ --ring-primary:var(--pilot-accent)!important; --border-light:var(--pilot-line-soft)!important; --border-medium:var(--pilot-line)!important; --border-heavy:var(--pilot-line)!important; /* Warstwa shadcn/Tailwind HSL ('H S% L%') */ --background:0 0% 98%!important; /* ~#FAFAF7 */ --foreground:215 49% 20%!important; /* navy #1A2E4C */ --primary:28 44% 60%!important; /* copper #C7956D */ --primary-foreground:0 0% 100%!important; --accent:32 30% 92%!important; /* cream tint */ --accent-foreground:215 49% 20%!important; --ring:28 44% 60%!important; /* copper focus */ --card:0 0% 100%!important; --muted:40 14% 93%!important; --secondary:40 14% 93%!important; --border:38 19% 82%!important; /* #D8D3C8 */ } /* ---------- 3. Dark mode (.dark na , NIE @media) -> navy deep ---------- */ .dark{ --surface-primary:#0F1F36!important; --surface-chat:#0F1F36!important; --surface-secondary:#1A2E4C!important; --surface-tertiary:#0A1626!important; --surface-dialog:#243A5C!important; --surface-hover:rgba(217,168,126,.18)!important; --surface-submit:#D9A87E!important; --surface-submit-hover:#C7956D!important; --text-primary:#F5F2EC!important; --text-secondary:#B5AFA5!important; --text-tertiary:#7A736A!important; --brand-purple:#D9A87E!important; --ring-primary:#D9A87E!important; --border-light:#243A5C!important; --border-medium:#2D4A75!important; --border-heavy:#2D4A75!important; --background:215 56% 14%!important; /* navy deep #0F1F36 */ --foreground:40 33% 94%!important; /* cream */ --primary:28 56% 67%!important; /* copper dark #D9A87E */ --primary-foreground:215 56% 14%!important; --accent:215 45% 21%!important; --accent-foreground:40 33% 94%!important; --ring:28 56% 67%!important; --card:215 49% 20%!important; --muted:215 45% 18%!important; --secondary:215 45% 21%!important; --border:213 45% 25%!important; } /* ---------- 4. Fonty: Inter (UI) + Cormorant (naglowki) + Mono (dane) ---------- */ html,body,input,textarea,button,select, .text-base,.text-sm,.prose{font-family:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif!important;} h1,h2,h3,.brand-mark{font-family:'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.01em;} code,pre,kbd{font-family:'JetBrains Mono',ui-monospace,monospace!important;} /* ---------- 5. Tlo aplikacji (twardo, na wypadek bg-* utili) ---------- */ html,body,#root{background-color:var(--pilot-bg-base);} .dark html,.dark body,.dark #root{background-color:#0F1F36;} /* ---------- 6. Plaskie krawedzie (radius 0) — sygnatura Pilot. ---------- */ button,.btn,[role="button"], .rounded,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl, [role="menu"],[role="dialog"]{border-radius:0!important;} /* WYJATEK: inputy zaokraglone lekko; avatary/pille okragle */ input,textarea{border-radius:8px!important;} .rounded-full,img.rounded-full,[class*="avatar"],.pill{border-radius:999px!important;} /* ---------- 7. Akcent copper: linki / aktywne / focus ---------- */ a,.text-blue-500,.text-token-text-accent{color:var(--pilot-accent)!important;} a:hover{color:var(--pilot-accent-hover)!important;} :focus-visible{outline:2px solid var(--pilot-accent)!important;outline-offset:2px;} /* ---------- 8. Wordmark "Pilot." z miedziana kropka (do uzycia na wlasnym elemencie) ---------- */ .pilot-wordmark{font-family:'Cormorant Garamond',serif;font-weight:500;color:var(--pilot-ink);} .pilot-wordmark::after{content:".";color:var(--pilot-accent);font-style:normal;}