/* THEME — TRUST NAVY (file kept as editorial.css for URL stability) Pure white with single deep navy accent. Professional, finance/news coded. Highest trust signal. Most distinct from sister sites. */ /* Fonts loaded non-blocking from base.liquid */ :root { --color-primary: #0a2540; --color-primary-soft: #1a3a5c; --color-primary-dim: rgba(10, 37, 64, 0.06); --color-secondary: #0a2540; --color-secondary-dim: rgba(10, 37, 64, 0.06); --color-accent: #0a2540; --color-bg: #ffffff; --color-bg-soft: #f7f8fa; --color-bg-elev: #ffffff; --color-bg-elev-2: #f4f5f7; --color-bg-darker: #f7f8fa; --color-surface: #f7f8fa; --color-surface-strong: #eef0f3; --color-border: #e5e7eb; --color-border-strong: #d1d5db; --color-border-glow: rgba(10, 37, 64, 0.30); --color-text: #0f172a; --color-text-light: #0f172a; --color-text-medium: #475569; --color-text-muted: #64748b; --color-text-dark: #6b7280; --color-success: #00b67a; --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace; --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05), 0 2px 4px rgba(15, 23, 42, 0.04); --shadow-md: 0 4px 6px rgba(15, 23, 42, 0.05), 0 10px 20px rgba(15, 23, 42, 0.06); --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.08), 0 24px 60px rgba(15, 23, 42, 0.06); --shadow-glow: 0 0 0 transparent; --shadow-glow-strong: 0 0 0 transparent; --gradient-primary: var(--color-primary); --gradient-aurora: var(--color-primary); --gradient-text: var(--color-text); --gradient-surface: #ffffff; --metrics-strip-bg: #f7f8fa; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; } body { background: var(--color-bg); color: var(--color-text); } body::before { background: none; } body::after { background-image: none; } .site-header { background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid var(--color-border); } .mobile-toggle { background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text); } .site-footer { background: var(--color-bg-soft); } .site-footer::before { background: linear-gradient(90deg, transparent, var(--color-primary), transparent); } .site-footer__brand h4 { background: none; -webkit-text-fill-color: initial; color: var(--color-primary); } .site-header__logo { color: var(--color-text); } .site-header__logo-mark { background: var(--color-primary); color: #fff; } h1, h2, h3, h4, h5, h6 { color: var(--color-text); font-weight: 700; letter-spacing: -0.025em; } h1 { font-weight: 800; letter-spacing: -0.04em; } h2 { font-weight: 700; } p, p.lead, .text-medium, .text-muted { color: var(--color-text-medium); } .text-muted { color: var(--color-text-muted); } .eyebrow { color: var(--color-primary); background: var(--color-primary-dim); border-color: rgba(10, 37, 64, 0.18); } .eyebrow::before { background: var(--color-primary); box-shadow: 0 0 8px rgba(10, 37, 64, 0.4); } .btn--primary { background: var(--color-primary); color: #fff; box-shadow: var(--shadow-sm); } .btn--primary:hover { background: #06192e; transform: translateY(-1px); box-shadow: var(--shadow-md); } .btn--primary::after { display: none; } .btn--ghost { background: #fff; color: var(--color-text); border: 1px solid var(--color-border-strong); } .btn--ghost:hover { background: var(--color-surface); border-color: var(--color-primary); color: var(--color-primary); } .tag, .tag--accent { color: var(--color-primary); background: var(--color-primary-dim); border-color: rgba(10, 37, 64, 0.15); } /* Cards */ .card { background: #fff; border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); } .card:hover { box-shadow: var(--shadow-md); border-color: var(--color-border-strong); } .card--glow::before { display: none; } /* Pricing */ .price-card { background: #fff; border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); } .price-card:hover { box-shadow: var(--shadow-md); } .price-card--popular { background: #fff; border: 2px solid var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary), var(--shadow-md); } .price-card__price-value { color: var(--color-text); } .price-card__includes svg { color: var(--color-primary); } /* FAQ */ .faq-item { background: #fff; border: 1px solid var(--color-border); } .faq-item[open] { background: var(--color-bg-soft); border-color: var(--color-primary); } .faq-item summary::after { color: var(--color-primary); } /* Form */ .form-field input, .form-field select, .form-field textarea { background: #fff; border: 1px solid var(--color-border-strong); color: var(--color-text); } .form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(10, 37, 64, 0.10); background: #fff; } /* Header/footer dark elements that don't fit a light theme */ .site-footer__col h5 { color: var(--color-text); } .site-footer__brand p { color: var(--color-text-medium); } .site-footer__col a { color: var(--color-text-muted); } .site-footer__col a:hover { color: var(--color-primary); } .site-footer__bottom { border-top: 1px solid var(--color-border); } .site-footer__bottom p { color: var(--color-text-muted); }