body{
    background-color: #F2F7FF;
    color: #1E2A3A;
    margin: 0;
    font-family: var(--font-sans);
}

a{
    text-decoration: none;
    color: var(--clr-text);
}

:root{
    --clr-base:   #F2F7FF; /* 背景 */
    --clr-surface:#FFFFFF; /* カード/ボタン */
    --clr-accent: #4A8CF7; /* アクセント */
    --clr-text:   #1E2A3A; /* 本文 */
    --shadow-dark: 0 12px 20px rgba(30,42,58,.10);
    --shadow-light:-8px -8px 16px rgba(255,255,255,.85);
    --shadow-inset: inset 6px 6px 12px rgba(30,42,58,.08),
                    inset -6px -6px 12px rgba(255,255,255,.9);
    /* pink */
    --clr-pink-surface: #FFEFF6; /* very light */
    --clr-pink-accent:  #FF7FB6; /* soft accent */

    --font-sans: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Yu Gothic", "游ゴシック体", Meiryo, sans-serif;
    --font-serif: "Noto Serif JP", "Shippori Mincho", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "MS PMincho", serif;

}

.wp-block-button .wp-block-button__link{
    background-color: var(--clr-accent);
    color: var(--clr-surface);
    box-shadow: var(--shadow-dark), var(--shadow-light);
}