/** Shared static design tokens for public pages and Gutenberg canvas.
 * Customizer CSS only overrides persisted colors. Keep these aliases stable.
 */
/* --- Variables: Soft & Clean --- */
:root {
    /* ベースカラー（カスタマイザーから上書きされます） */
    --c-theme: #E0C895;
    /* テーマカラー */
    --c-accent: #D1E4E6;
    /* アクセントカラー */

    /* 背景：温かみのあるオフホワイト */
    --c-bg: #FDFCF8;
    --c-bg-card: #FFFFFF;

    /* 文字色：黒ではなくダークグレーとブラウンの中間 */
    --c-text-main: #595048;
    --c-text-light: #968D85;

    /* テーマカラーベースのバリエーション（カスタマイザーから上書きされます） */
    --c-theme-light: color-mix(in srgb, var(--c-theme) 30%, white);
    --c-theme-dark: color-mix(in srgb, var(--c-theme) 80%, black);
    --c-theme-pale: color-mix(in srgb, var(--c-theme) 15%, white);

    /* アクセントカラーベースのバリエーション（カスタマイザーから上書きされます） */
    --c-accent-light: color-mix(in srgb, var(--c-accent) 40%, white);
    --c-accent-dark: color-mix(in srgb, var(--c-accent) 70%, black);

    /* 後方互換性のため */
    --c-brand: var(--c-theme);
    --c-accent-blue: var(--c-accent);
    --c-accent-pink: var(--c-theme-pale);

    --radius-l: 32px;
    /* 大きな角丸 */
    --radius-m: 20px;
    --radius-pill: 100px;
    /* カプセル型 */

    --w-container: 1080px;
    --f-base: 'Zen Maru Gothic', sans-serif;
}