/* ==========================================================================
Atsuma — shared styles for /privacy, /terms, /support
==========================================================================
Kept as one small stylesheet rather than duplicated per page, because these
three pages will drift apart otherwise. Tokens match the app's AppColors
ThemeExtension so the web reads as the same product.
NO web fonts. These pages must render instantly and work offline-ish; a
blocked Google Fonts request should never leave a legal page unstyled.
System stack is close enough to Inter on Apple platforms and correct
everywhere else. It also means one less third-party request to allow when
the CSP lands in Phase 4.
i18n: no fixed widths on text containers. DE runs ~35% longer than EN, and
JA/KO wrap without spaces — hence overflow-wrap on headings.
========================================================================== */
:root {
--canvas: #F5F5F9;
--card: #FFFFFF;
--field: #F1F1F6;
--line: #E6E6EE;
--line-soft: #EFEFF5;
--ink: #14141C;
--ink-2: #4A4A5C;
--ink-3: #82829A;
--purple: #6C63FF;
--purple-ink: #5147E8;
--purple-wash: #F0EFFF;
--shadow: 0 1px 2px rgba(20, 20, 40, .05), 0 8px 24px -12px rgba(20, 20, 40, .14);
/* L249 — THE CHROME'S VOCABULARY, mapped onto this family's palette.
public/chrome.css is written in the guest sheet's token names because that
is the copy with ~20 route shapes behind it. This file's names predate
those and are used by 400 lines of prose styling below, so aliasing is far
cheaper than renaming — and it keeps each family's own palette intact
rather than forcing one set of colours onto documents designed apart.
--primary is the literal, not --purple: this file lightens --purple to
#8981FF in dark, and the app's wordmark is an unconditional #6C63FF. */
--primary: #6C63FF;
--on-surface: var(--ink);
--on-surface-variant: var(--ink-3);
--surface: var(--card);
--border: var(--line);
}
@media (prefers-color-scheme: dark) {
:root {
--canvas: #0D0D13;
--card: #17171F;
--field: #20202B;
--line: #2A2A38;
--line-soft: #22222E;
--ink: #F2F2F7;
--ink-2: #A9A9BE;
--ink-3: #75758C;
--purple: #8981FF;
--purple-ink: #A79FFF;
--purple-wash: #1E1B3A;
--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);
/* The aliases follow the dark palette; --primary does not, by design. */
--primary: #6C63FF;
--on-surface: var(--ink);
--on-surface-variant: var(--ink-3);
--surface: var(--card);
--border: var(--line);
}
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
/* L248 — INTER, AND IT HAD NEVER BEEN HERE.
*
* This file registered no @font-face at all and did not name Inter anywhere in
* its stack, so /privacy, /terms, /support, /delete-account and the three POST
* outcome pages have rendered in San Francisco on Apple and Segoe or Roboto
* elsewhere since the day they shipped. That is not drift from a shared source
* — this file predates one. The guest pages and the homepage have served Inter
* throughout, which is what made the legal family look like a different site.
*
* COPIED VERBATIM from src/render/style_prod.css:32-33 ([PROD-1]/[L186 S1a]),
* which is byte-identical to what the Worker serves at
* src/render/style.generated.css:516-517 and to what tools/derive_home.mjs
* emits into public/index.html. Not rewritten: `font-weight:100 900` and
* `font-display:swap` have to match, or the same weight resolves differently
* on two families of page — a variable face asked for 650 interpolates, while
* a mismatched declaration would synthesise or snap to the nearest static.
*
* ONE VARIABLE FACE, rsms/inter v4.1 — the release the app pins. Self-hosted
* from the origin, per L011: a guest page fetches no off-origin subresource
* after a blocked font CDN once left a page inert, and the same rule applies
* here. The file is already deployed and already fetched by every other route,
* so this costs no new asset.
*
* THE TYPE WAS NOT TOUCHED. Every size, line-height and letter-spacing below
* was chosen against San Francisco's metrics and is left exactly as it was;
* Inter's larger x-height means the same numbers read slightly bigger, which
* [PROD-1] already recorded as expected rather than as drift. What that shift
* actually costs is measured in the handback. The prose styling is a separate
* decision and is not this change's to make. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;
font-display:swap;src:url('/fonts/InterVariable.woff2') format('woff2-variations')}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
background: var(--canvas);
color: var(--ink);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
:focus-visible {
outline: 2.5px solid var(--purple);
outline-offset: 2px;
border-radius: 6px;
}
/* ---- header ---- */
/* L249 — GONE, ALL OF IT. .site-head/.site-head-inner/.mark/.wordmark/
.head-spacer/.head-link were a hand-copied second version of the guest
header, and the L224 comment that used to sit here said so plainly:
"the values are the derived sheet's; if they change there, they must be
changed here too". They changed there and were not changed here.
public/chrome.css is the one definition now and these pages it
before this file. The markup moved to the .hdr vocabulary in the same
pass, and the dead Lucide