/* Theme Name: Anvel Theme URI: https://anvel.co.uk Author: Anvel Ltd Description: Custom theme reproducing the Anvel / Meet Jaz landing, onboarding and setup pages from the Claude Design export. Cream + ink palette, Instrument Sans/Serif, blue accent. Page copy lives in the WordPress editor so it is fully editable in wp-admin. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.6 Requires PHP: 8.0 Text Domain: anvel */ /* ---- Design tokens ---- */ :root{ --cream:#F7F5F0; --ink:#16150F; --blue:#0F7DC2; --blue-hover:#0C6AA6; --muted:#5F5B52; --muted2:#8A857A; --muted3:#B0AB9F; --line:#E4E1D9; --line2:#DAD6CC; --line3:#EAE7DF; --jaz-bubble:#F4F2EC; --user-bubble:#DCEFFB; --dark:#16150F; --panel-dark:#1E2B36; --blue-light:#6FBBE8; --warn-bg:#FBF4E4; --warn-line:#EAD9A8; --warn-ink:#6B5A2A; } /* ---- Base reset (theme owns ; page content owns its sections) ---- */ html{ -webkit-text-size-adjust:100%; } body{ margin:0; background:var(--cream); color:var(--ink); font-family:'Instrument Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; -webkit-font-smoothing:antialiased; } *{ box-sizing:border-box; } img{ max-width:100%; } a{ color:var(--ink); } a:hover{ color:var(--blue); } details summary::-webkit-details-marker{ display:none; } input::placeholder{ color:var(--muted3); } input{ font-family:'Instrument Sans',sans-serif; } /* Hide the admin bar gap on the front end preview so screenshots match design */ html{ margin-top:0 !important; } * html body{ margin-top:0 !important; } /* ---- Responsive helpers ---- The seeded page HTML keeps the export's inline styles for pixel fidelity. These classes let the two-column grids stack on small screens without touching the inline design values on desktop. */ .a-two-col{ } @media (max-width:900px){ .a-two-col{ grid-template-columns:1fr !important; gap:40px !important; } .a-hero-media{ order:-1; } } @media (max-width:640px){ .a-nav{ padding:16px 20px !important; } .a-section{ padding-left:20px !important; padding-right:20px !important; } .a-h1{ font-size:40px !important; } .a-h2{ font-size:30px !important; } .a-price{ font-size:56px !important; } } /* Smooth the sticky bar entrance */ .a-sticky{ transition:transform .25s ease, opacity .25s ease; }