/* ───────────────────────────────────────────────────────────────────────── Site-wide "CASE FILE / LEGAL DOCUMENT" theme for the static marketing/legal pages (pricing, tutorial, council, flight, parking, section75, privacy, terms). Loaded LAST in ; remaps shared tokens + overrides hardcoded light surfaces so every page inherits the homepage palette automatically. Warm cream + ink-navy + brick-red. Serif headlines, hairline borders, NO drop shadows on cards, NO rounded corners >4px. The app (index.html #main-app) is themed in-file, not here. ───────────────────────────────────────────────────────────────────────── */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Serif+4:ital@0;1&display=swap'); :root{ --bg:#faf7f0; --surface:#fffdf7; --line:#e3dccb; --line2:#d6ccb6; --ink:#242a31; --ink2:#55524a; --muted:#6b6859; --brand:#c1502e; --brand-d:#a8401f; --brand-soft:#f6e7df; --navy:#1a2332; --grad:linear-gradient(135deg,#c1502e,#a8401f); } body{background:#faf7f0 !important;color:var(--ink) !important;} a{color:var(--brand);} /* kill the leftover blue→green "hero aura" gradient blobs — off-brand teal over cream paper */ .hero-aura{display:none !important;} /* ── Serif display headlines site-wide (body stays sans) ── */ h1,h2,h3,.hero h1,.sec-title,.tier-name,.faq-q,.checker h1,.checker h2,.step-h{ font-family:'Playfair Display',Georgia,serif !important;letter-spacing:-.01em;} /* primary buttons / badges use --grad (brick) — white text */ .btn-pri,.cta,.pop-tag,.num{background:var(--grad) !important;color:#fff !important;} .btn-ghost{background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--ink) !important;} /* panels & cards -> warm paper, hairline border, NO shadow */ .card,.checker,.letter-out,.faq-item,.tier,.plan,.panel{ background:var(--surface) !important;border-color:var(--line) !important;color:var(--ink) !important; box-shadow:none !important; } /* flatten corners everywhere on these pages (≤4px) */ .card,.checker,.letter-out,.faq-item,.tier,.plan,.panel,.btn,.btn-pri,.btn-ghost,.cta, .banner,.callout,.result,.opt,.date-in,.cap-in,input,textarea,select,.you-chip,.pop-tag{ border-radius:3px !important; } /* callouts/banners -> warm brick tint */ .banner,.callout{background:#f6e7df !important;color:#8a3a1c !important;border:1px solid #ecc9b9 !important;} /* inputs */ .opt,.date-in,.cap-in,.fld input,input,textarea,select{background:#fff !important;border:1px solid var(--line) !important;color:var(--ink) !important;} ::placeholder{color:var(--muted) !important;} /* checker result states (green = eligible, red = no, brick/amber = maybe) */ .result{background:#fff !important;border:1px solid var(--line) !important;color:var(--ink) !important;} .result.yes{background:#eaf5ee !important;border-color:#bfe0cc !important;} .result.no{background:#fdeceb !important;border-color:#f3cfca !important;} .result.maybe{background:#fbeede !important;border-color:#f0d3b4 !important;} /* highlighted word -> solid brick (clip-to-text is fragile across pages); toast -> navy */ .grad{background:none !important;color:var(--brand) !important;-webkit-text-fill-color:var(--brand) !important;} .cs-toast{background:#1a2332 !important;color:#fff !important;border:1px solid #1a2332 !important;} /* dark sections / footers -> deep ink-navy */ .foot,.footer,.site-foot,.dark,.cta-band{background:#1a2332 !important;color:#f4efe4 !important;} .foot a,.footer a,.site-foot a{color:#e7c3b4 !important;}