/* Design tokens shared by every page. Values come from the 2026-09 front page (home.css) and KPass LP. */
:root {
    --tp-paper: #fffdf8;
    --tp-white: #ffffff;
    --tp-ink: #292340;
    --tp-ink-soft: #51495f;
    --tp-muted: #61576e;
    --tp-line: #ddd8e5;
    --tp-line-soft: #e5e1f0;
    --tp-indigo: #5041be;
    --tp-indigo-deep: #3d2c9d;
    --tp-lavender: #e4defa;
    --tp-lavender-2: #d6d0f9;
    --tp-lavender-3: #e7e2f8;
    --tp-mint: #d8efe4;
    --tp-mint-ink: #276348;
    --tp-coral: #f9d5cb;
    --tp-spark: #eb775f;
    --tp-yellow: #f9db6e;
    --tp-yellow-2: #f9e7a3;
    --tp-yellow-ink: #775108;
    --tp-font-display: 'Montserrat', 'Noto Sans JP', sans-serif;
    --tp-radius-pill: 100px;
    --tp-radius-card: 18px;
    --tp-radius-panel: 24px;
    --tp-shadow-flat: 10px 18px 0 #29234015;
    --tp-shadow-flat-sm: 4px 6px 0 #29234010;
    --tp-shell: min(1200px, calc(100% - 96px));
}
@media (max-width: 1000px) { :root { --tp-shell: calc(100% - 56px); } }
@media (max-width: 600px) { :root { --tp-shell: calc(100% - 40px); } }