/* Shared styling for Palarid tool landing pages (/t/*). Extracted so new pages don't duplicate 14 lines of inline CSS each. Falls back to hard-coded values so the page still renders correctly if palarid-ui.css fails to load. */ body{margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg,#0B0B0F);color:var(--text,#F2F2F5)} .wrap{max-width:68ch;margin:0 auto;padding:48px 20px 80px} a{color:var(--accent,#8B7CF6)} h1{font-size:26px;line-height:1.25;letter-spacing:-.02em;font-weight:600;margin:0 0 10px} .sub{color:var(--text-2,#B4B4C0);margin:0 0 24px} .cta{display:inline-block;background:var(--accent,#8B7CF6);color:var(--accent-fg,#0B0B0F);padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none;margin:8px 0 28px} h2{font-size:20px;font-weight:600;margin:34px 0 8px} h3{font-size:15px;font-weight:600;margin:20px 0 4px} .muted{color:var(--text-3,#8A8A99);font-size:13px} nav.bc{font-size:13px;color:var(--text-3,#8A8A99);margin-bottom:20px} .privacy{border:1px solid var(--border,#2E2E38);border-radius:14px;padding:16px;margin:28px 0;background:var(--surface-1,#131318)} ul{padding-left:20px}li{margin:6px 0} table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px} th,td{border:1px solid var(--border,#2E2E38);padding:8px 10px;text-align:left} th{background:var(--surface-1,#131318);font-weight:600} code{background:var(--surface-1,#131318);padding:2px 6px;border-radius:5px;font-size:13px} /* Light mode for static pages. The app switches theme via [data-theme="light"], which is set by a script that only runs inside index.html. These standalone pages have no script, so without this block a user whose device is in light mode would get a dark page while the browser rendered scrollbars and form controls light — the mismatch `color-scheme: dark light` in the promises not to create. Values are copied from the [data-theme="light"] block in palarid-ui.css. */ @media (prefers-color-scheme: light){ :root{ --bg:#FBFBFD; --surface-1:#FFFFFF; --surface-2:#F4F4F7; --border:#DCDCE4; --border-strong:#C4C4D0; --border-control:#8E8E9C; --text:#16161C; --text-2:#4A4A58; --text-3:#6C6C7C; /* --accent MUST be overridden too. Left at #8B7CF6, the .cta button renders white text on lilac at 3.33:1 — a WCAG AA failure on the primary call to action of all 19 tool pages and the About page. #6D5CE0 gives 4.93:1 for white-on-fill, and the same value works for body links on white. */ --accent:#6D5CE0; --accent-hover:#5B4ACC; --accent-fg:#FFFFFF; } body{background:#FBFBFD;color:#16161C} .sub{color:#4A4A58} .muted,nav.bc{color:#6C6C7C} .cta{color:#FFFFFF} .privacy,th,code,.card{background:#FFFFFF;border-color:#DCDCE4} th,td{border-color:#DCDCE4} th{background:#F4F4F7} .card b{color:#16161C} .card span{color:#6C6C7C} }