/* Interフォントを読み込みます */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
}
/* ハイライト用のカスタムスタイル */
.highlight {
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 500;
    /* 強調表示のためのアニメーション設定 */
    transition: all 0.2s ease-in-out;
    display: inline-block; /* transformを適用するために必要 */
}
.valid-date {
    background-color: #dcfce7; /* green-100 */
    color: #166534; /* green-800 */
}
.invalid-date {
    background-color: #fee2e2; /* red-100 */
    color: #991b1b; /* red-800 */
}
.leap-year-note {
    font-size: 0.8rem;
    color: #52525b; /* zinc-600 */
}
/* マウスホバー時に適用される強調スタイル */
.highlight-emphasized {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.valid-date.highlight-emphasized {
    background-color: #a7f3d0; /* a brighter green */
}
.invalid-date.highlight-emphasized {
    background-color: #fecaca; /* a brighter red */
}