/* ============================================================================ CallPro — site.css THE COUNTER TICKET design system, on the CallPro colorway. (single stylesheet, no build step.) THE GROUND CHANGED, NOT THE GRAMMAR (2026-07-18). Daniel: "I hate the colors. We have a colorway for callpro." The ticket grammar stays — perforated modules, mono ticket-number chips, governed stamps, redaction bars, the two-door counter. What changed is the light: the counter is now DARK ROYAL BLUE (navy). Tickets are off-white receipt stock lying on that navy counter — crisp paper artifacts under counter light, not a light page. THE MARRIAGE * NAVY is the stage. navy-900 page ground, navy-950 masthead/bands, navy-800 cards. Text on navy is off-white (#F8F7F4), aluminum secondary. * PAPER is punctuation. .ticket / .sheet / .card--paper are off-white #F8F7F4 stock with near-black ink. Deliberate, for the readable/dense moments (a dispatch slip, a receipt, a pricing table, an FAQ answer, legal). They do NOT default the page to light. * PAPAYA (#FF8700, McLaren orange) is a BUDGET, not a paint: ONE solid papaya spend per screenful — the primary CTA or the headline payoff word. If you can't tap/click/call it and it isn't the payoff, it's not papaya. --papaya-soft (#FFA033) is the only papaya allowed as small text / inline links (AA on navy). Papaya buttons = papaya bg + navy-950 text, NEVER white-on-papaya. * ALUMINUM (#A8AEB4) draws every rule/hairline at 1px, ALWAYS. Never thicker. On navy the hairline is rgba(248,247,244,.10), interactive .18. * COGNAC (#A0673F) is the sparing tertiary: stamp ink, pull-quote bars, footer trim. It is a GRAPHICAL proof-mark ink (a stamp is decorative reinforcement); it is never small legal body text (see AA note in [10]). * STATUS green (#3EC6A0) / amber (#FFB865) are SEMANTIC only — live-state, success, attention. Never decorative, never a papaya substitute. HOW TO CONSUME (pick exactly ONE per page — never both, or fonts double-load): - Marketing/new pages: - Un-migrated pages: (_page_shell.css is a thin shim that @imports THIS) Then REMOVE any fonts.googleapis.com from that page's (self-hosted @font-face below replaces it — the CDN-kill deliverable). PAGE SURFACE (set on ): - default (no attribute) = MARKETING surface: navy ground + faint 7% grid. - = LEGAL/UTILITY surface: no awning, ~3% grid. Set this on terms, privacy, opt-out, sms-consent, contractor join/terms, 404. ── COUNTER TICKET DISCIPLINE (violating these is a defect) ───────────────── * Papaya spend: at most ONE solid papaya element per screenful (the primary .btn or one .mark payoff word). Two papaya per screenful is a defect. * The ticket-number chip is NOT papaya (it would blow the budget on every ticket) — it is a governed mono stub. * Stamp ink is cognac (proof-marks) or semantic green (.stamp--live for LINE IS LIVE / FREE). Stamp red is retired. A stamp is never a button. * All rules/borders are 1px. The perforation is the shared grammar; at most ONE stamp per major module. * Off-white is opt-in (.ticket / .sheet / .card--paper / .beat--paper). At most ONE .beat--paper band per page — a second paper band on the same page is a defect. Do not turn a whole page back into a light site — navy dominates. ============================================================================ */ /* ============================================================================ [1] modern-normalize v3.0.1 (MIT — https://github.com/sindresorhus/modern-normalize) inlined so there is zero external request. ============================================================================ */ *,::before,::after{box-sizing:border-box} html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4} body{margin:0} b,strong{font-weight:bolder} code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} table{border-color:currentcolor} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button} legend{padding:0} progress{vertical-align:baseline} ::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto} [type='search']{-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} summary{display:list-item} /* ============================================================================ [2] @font-face — self-hosted woff2 (kills the Google Fonts CDN link) CANON TYPE: Archivo (display AND body) + IBM Plex Mono. Archivo carries the whole face — 400/500 body, 600/700/800/900 display. Big Shoulders + Public Sans are OFF-CANON and no longer referenced (files remain on disk, just unreferenced). Absolute /static paths so they resolve whether this file is ed or @imported into an inline