/* Custom application styles - processed by Tailwind CSS */

.content-height {
    /* ヘッダの高さ */
    height: calc(100% - 4rem);
}

/* カジュアルでやさしい雰囲気のためのグローバルスタイル */
:root {
    --rounded-box: 1.5rem;
    --rounded-btn: 1rem;
    --rounded-badge: 2rem;
}

/* ボタンや入力をより丸く */
.btn,
.input,
.select,
.textarea,
.card {
    border-radius: var(--rounded-box);
}

.btn {
    border-radius: var(--rounded-btn);
}