/* Shared tokens from the homepage design; limited to implemented components. */
.ph-home {
    --ph-text-primary: #0f121e;
    --ph-text-secondary: #555f73;
    --ph-surface: #fff;
    --ph-surface-muted: #f8f9fc;
    --ph-card-surface: rgb(248 249 252 / 80%);
    --ph-blue: #0082ff;
    --ph-blue-bright: #32a0ff;
    --ph-blue-soft: #e6f5ff;
    --ph-pink: #ff1493;
    --ph-pink-bright: #ff46aa;
    --ph-pink-light: #ff78be;
    --ph-pink-soft: #fff0f5;
    --ph-green: #05962a;
    --ph-green-soft: #e6ffeb;
    --ph-border-light: #a0a8b8;
    --ph-border: #374155;
    --ph-focus: #0069dc;
    --ph-font: "Audiowide", "LINE Seed JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
    --ph-font-small: .75rem;
    --ph-font-caption: .625rem;
    --ph-line-small: 1rem;
    --ph-space-small: 5px;
    --ph-space-card: 10px;
    color: var(--ph-text-primary);
    font-family: var(--ph-font);
}