/* Theme Name: PrintWizzard Theme URI: https://printwizzard.app Author: PrintWizzard Description: Marketing theme for PrintWizzard. Hand-built, no framework, no build step, no external requests. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 8.1 License: Proprietary Text Domain: printwizzard */ /* ---------- fonts (self-hosted, latin subset, zero external requests) ---------- */ @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/inter-400.woff2") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/inter-600.woff2") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/inter-700.woff2") format("woff2")} @font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/archivo-700.woff2") format("woff2")} @font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/jbmono-400.woff2") format("woff2")} @font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/jbmono-700.woff2") format("woff2")} /* ---------- tokens ---------- */ :root{ --bg:#0B0C0E; --surface:#141619; --surface-2:#1B1E22; --border:#282C32; --text:#F4F5F7; --muted:#8B939C; --dim:#5C646D; --accent:#FF5C1A; --ink:#7C6AE8; --max:1328px; --pad:56px; --font-display:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; } /* ---------- reset ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; background:var(--bg); color:var(--text); font-family:var(--font-body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } img,svg{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none} h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.12} p{margin:0} ul{margin:0;padding:0;list-style:none} /* ---------- layout ---------- */ .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .section{padding:80px 0} .section--tight{padding:56px 0} .section--surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .skip{position:absolute;left:-9999px} .skip:focus{left:8px;top:8px;position:fixed;z-index:99;background:var(--accent);color:#0B0C0E;padding:10px 16px;border-radius:6px} /* ---------- nav ---------- */ .nav{position:sticky;top:0;z-index:50;background:rgba(11,12,14,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)} .nav__in{max-width:var(--max);margin:0 auto;padding:16px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px} .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-0.02em} .brand__mark{width:22px;height:22px;border-radius:5px;background:var(--accent);flex:none} /* Works for both bare children and wp_nav_menu's