/**
 * デザインシステム: CSS 変数（Bootstrap 5 と併用）
 */
:root {
    /* ブランド */
    --inv-primary: #1d4ed8;
    --inv-primary-hover: #1e40af;
    --inv-primary-soft: #dbeafe;

    --inv-success: #15803d;
    --inv-warning: #b45309;
    --inv-warning-soft: #fef3c7;
    --inv-danger: #b91c1c;
    --inv-info: #0369a1;

    /* サーフェス */
    --inv-bg-app: #eaf1fb;
    --inv-bg-elevated: #ffffff;
    --inv-border: #d6dfeb;
    --inv-border-strong: #bfccde;

    /* テキスト */
    --inv-text: #0b1730;
    --inv-text-muted: #475569;
    --inv-text-soft: #64748b;

    /* 形状 */
    --inv-radius-sm: 10px;
    --inv-radius: 14px;
    --inv-radius-lg: 20px;
    --inv-radius-pill: 9999px;

    /* 影 */
    --inv-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --inv-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
    --inv-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.14);

    /* ナビ */
    --inv-nav-bg: #3b82f6;
    --inv-nav-bg-end: #60a5fa;
    --inv-nav-text: #f8fafc;

    /* モーション */
    --inv-ease: cubic-bezier(0.2, 0.9, 0.3, 1);
    --inv-duration: 0.22s;

    /* タイポ（基準は Bootstrap） */
    --inv-font-stack:
        "Inter", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}