/* ============================================================
   共通ベーススタイル
   admin / frontend 両アプリが参照する。
   アプリ固有の :root 宣言でデザイントークンを上書きできる。
   ============================================================ */

/* リセット */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* デザイントークン（デフォルト値は管理画面に合わせる） */
:root {
    --color-primary:       #4a6fa5;
    --color-primary-hover: #3b5a87;
    --color-danger:        #c0392b;
    --color-danger-hover:  #a93226;
    --btn-radius:  4px;
    --btn-padding: 0.6rem 1.4rem;
}

/* ボタン */
.btn {
    display: inline-block;
    padding: var(--btn-padding);
    border: none;
    border-radius: var(--btn-radius);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: opacity .15s;
}
.btn:disabled { opacity: 0.5; cursor: default; }
.btn-primary { background: var(--color-primary); color: #fff; }
.btn-primary:hover:not(:disabled) { background: var(--color-primary-hover); }
.btn-danger  { background: var(--color-danger);  color: #fff; }
.btn-danger:hover:not(:disabled)  { background: var(--color-danger-hover); }
.btn-sm   { padding: 0.3rem 0.8rem; font-size: 0.875rem; }
.btn-full { width: 100%; }
.hidden { display: none; }