/* ============================================================
   Theme A — Light / General
   対象: ServicePortal, NovelForge
   `:root` の変数を上書きすることで色をライト系に切り替え
============================================================ */
:root {
    /* --- Background --- */
    --bg-base:        #ffffff;
    --bg-sub:         #f8f9fc;
    --bg-card:        #f0f0f8;
    --bg-card-hover:  #e8e8f2;
    --bg-input:       #f8f9fc;
    --bg-overlay:     rgba(255, 255, 255, 0.95);

    /* --- Accent --- */
    --accent-primary:   #7c6af0;
    --accent-secondary: #6458d8;
    --accent-light:     #9d88f5;
    --accent-glow:      rgba(124, 106, 240, 0.18);

    /* --- Text --- */
    --text-primary:   #1a1a2a;
    --text-secondary: #555570;
    --text-muted:     #888899;

    /* --- Border --- */
    --border-color: #e0e0ea;
    --border:       #e0e0ea;
    --border-focus: #7c6af0;

    /* --- 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.06);
    --shadow-md:     0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg:     0 10px 30px rgba(0, 0, 0, 0.12);
    --shadow-accent: 0 0 20px rgba(124, 106, 240, 0.20);
    --shadow:        0 2px 12px rgba(0, 0, 0, 0.08);

    /* --- Demo mockup (SI demo section) --- */
    --demo-bg:           #f0f0f8;
    --demo-border:       rgba(124, 106, 240, 0.20);
    --demo-card-bg:      #e8e8f4;
    --demo-card-done:    rgba(22, 163, 74, 0.08);
    --demo-card-active:  rgba(124, 106, 240, 0.10);
    --demo-card-idle:    rgba(224, 224, 234, 0.6);
    --demo-chat-bg:      #ededf8;
}

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