/* ============================================ FLOT PAGE — LIGHT THEME OVERRIDE Zamień w : flot.css → flot-light.css (ładuje flot.css jako bazę i nadpisuje kolory) ============================================ */ @import url('flot.css'); /* --- LIGHT COLOR OVERRIDES --- */ :root { --fp-brand: #009AAD; --fp-brand-dark: #007a8a; --fp-ink: #ffffff; --fp-ink-800: #f5f7f9; --fp-ink-700: #ffffff; --fp-surface: #ffffff; --fp-surface-soft: #f0f4f7; --fp-border: rgba(0,0,0,0.08); --fp-border-strong: rgba(0,0,0,0.14); --fp-text: #1a1e26; --fp-text-muted: #4a5568; --fp-text-faint: #8898a8; } /* --- BODY --- */ body.fp-page { background: #fff; color: var(--fp-text); } /* --- HEADER override for light --- */ .fp-page .topbar { background: rgba(255,255,255,0.92); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,0,0,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.05); } .fp-page .btn-pill { color: #1a1e26; } .fp-page .btn-pill:hover { color: var(--fp-brand); } /* --- HEADINGS --- */ .fp-heading-xl, .fp-heading-lg, .fp-heading-md { color: #1a1e26; } .fp-heading--white { color: #fff; } /* --- TEXT --- */ .fp-text-lead { color: var(--fp-text-muted); } .fp-text-lead--light { color: rgba(255,255,255,0.7); } /* --- HERO stays dark (contrast is important) --- */ .fp-hero-dark { background: #0b1520; } .fp-hero-dark .fp-heading-xl { color: #fff; } .fp-hero-dark .fp-eyebrow--light { color: #26B7EB; } .fp-hero-dark .fp-btn--primary { background: #26B7EB; color: #000; border-color: #26B7EB; } .fp-hero-dark .fp-btn--secondary { color: #fff; border-color: rgba(255,255,255,0.4); } /* --- SECTIONS --- */ .fp-section { background: #fff; } .fp-section--muted { background: #f5f7f9; border-color: rgba(0,0,0,0.05); } /* --- EYEBROW --- */ .fp-eyebrow { color: var(--fp-brand); } /* --- VALUE CARDS --- */ .fp-surface-soft { background: #f5f7f9; border-color: rgba(0,0,0,0.06); } .fp-surface-soft p { color: #1a1e26; } .fp-icon-check { color: var(--fp-brand); } /* --- LIST CARDS (scope) --- */ .fp-list-card { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .fp-list-card:hover { border-color: rgba(0,0,0,0.14); box-shadow: 0 6px 16px rgba(0,0,0,0.07); } .fp-list-card p { color: #1a1e26; } .fp-scope-num { color: var(--fp-brand); } .fp-scope-note { background: #f0f8fa; border-left-color: var(--fp-brand); color: #4a5568; } /* --- PROCESS CARDS --- */ .fp-process-card { background: #fff; border-color: rgba(0,0,0,0.08); border-top-color: var(--fp-brand); box-shadow: 0 4px 16px rgba(0,0,0,0.06); } .fp-process-card:hover { box-shadow: 0 12px 28px rgba(0,0,0,0.1); } .fp-process-badge { color: var(--fp-brand); } .fp-process-card h3 { color: #1a1e26; } .fp-process-card p { color: #4a5568; } /* --- FAQ --- */ .fp-faq-item { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 1px 4px rgba(0,0,0,0.04); } .fp-faq-item[open] { border-color: rgba(0,0,0,0.14); } .fp-faq-item summary { color: #1a1e26; } .fp-faq-icon { border-color: rgba(0,0,0,0.12); color: var(--fp-brand); } .fp-faq-item p { color: #4a5568; } /* --- CONTACT (light) --- */ .fp-contact { background: #f5f7f9; border-top: 1px solid rgba(0,0,0,0.06); } .fp-contact__inner { background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 12px; padding: 2.5rem; box-shadow: 0 4px 16px rgba(0,0,0,0.04); } .fp-contact__heading { color: #1a1e26; } .fp-contact__sub { color: #4a5568; } .fp-contact__phone { color: #1a1e26; } .fp-contact__email { color: #4a5568; } .fp-contact__meta { color: #8898a8; } @media (max-width: 640px) { .fp-contact__inner { padding: 1.5rem 1.25rem; border-radius: 10px; } } /* --- HERO CARD (light) --- */ .fp-hero-card { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.08); } /* --- FOOTER (stays dark naturally via style.css) --- */