/* ============================================================
   Theme B — Business / Notion系
   対象: CreditGate
   `:root` の変数を上書きすることでビジネス系ライトに切り替え
============================================================ */
:root {
    /* --- Background --- */
    --bg-base:        #fafafa;
    --bg-sub:         #f0f2f5;
    --bg-card:        #ffffff;
    --bg-card-hover:  #f5f5fa;
    --bg-input:       #ffffff;
    --bg-overlay:     rgba(250, 250, 250, 0.95);

    /* --- Accent --- */
    --accent-primary:       #3d5af1;
    --accent-secondary:     #2d48e0;
    --accent-light:         #6b82f5;
    --accent-glow:          rgba(61, 90, 241, 0.15);
    --accent-recommended:   #f0a500;

    /* --- Text --- */
    --text-primary:   #1a1a2a;
    --text-secondary: #505068;
    --text-muted:     #8888a0;

    /* --- Border --- */
    --border-color: #dde1ea;
    --border:       #dde1ea;
    --border-focus: #3d5af1;

    /* --- Semantic --- */
    --success-color: #16a34a;
    --warning-color: #ca8a04;
    --danger-color:  #dc2626;
    --success-bg:    rgba(22, 163, 74, 0.10);
    --warning-bg:    rgba(202, 138, 4, 0.10);
    --danger-bg:     rgba(220, 38, 38, 0.10);
    --success:       #16a34a;
    --error:         #dc2626;
    --warning:       #ca8a04;

    /* --- Shadow --- */
    --shadow-sm:     0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md:     0 4px 12px rgba(0, 0, 0, 0.07);
    --shadow-lg:     0 10px 30px rgba(0, 0, 0, 0.10);
    --shadow-accent: 0 0 20px rgba(61, 90, 241, 0.18);
    --shadow:        0 2px 12px rgba(0, 0, 0, 0.07);
}

body {
    background-color: var(--bg-base);
    color: var(--text-primary);
}