/**
 * WonderAgent スキン上書き（data-wa-theme）
 *
 * ルール:
 *   - 変数のみ上書き（セレクタ禁止）
 *   - 既定値は theme-tokens.css の :root（classic）
 *   - 読み込み: tokens → 本ファイル → theme.css
 *
 * ID: classic | nordic | midnight | forest | ocean |
 *     sand | graphite | lavender | minimal | zinc
 */

/* classic は :root 既定と同一（明示リセット用） */
[data-wa-theme="classic"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;
}

/* ------------------------------------------------------------------
   nordic — ノルディック（霧ブルーグレー）
   ------------------------------------------------------------------ */
[data-wa-theme="nordic"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 12px;
    --wa-border-width-card: 1px;
    --wa-shadow-card: 0 1px 2px rgba(44, 52, 64, 0.06);

    --wa-primary: #3d6a8a;
    --wa-primary-dark: #325872;
    --wa-primary-light: #e8f0f5;
    --wa-primary-rgb: 61, 106, 138;
    --wa-primary-focus: #7aa0b8;
    --wa-primary-focus-ring: rgba(61, 106, 138, 0.25);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(61, 106, 138, 0.35);
    --wa-accent-border-muted: rgba(61, 106, 138, 0.25);
    --wa-accent-glow: rgba(61, 106, 138, 0.2);
    --wa-accent-start: #5a7d9a;
    --wa-accent-end: #3d6a8a;

    --wa-body-bg: #eef1f4;
    --wa-surface: #f7f8fa;
    --wa-surface-muted: #e8ecf0;
    --wa-header-right-bg: #f7f8fa;
    --wa-text: #1e2933;
    --wa-text-muted: #64748b;
    --wa-text-dim: #64748b;
    --wa-border-color-default: #c5ced6;
    --wa-border-color-emphasis: #a8b4c0;
    --wa-border-color-subtle: #dde3e9;

    --wa-success: #3d7a5c;
    --wa-info: #4a8fa0;
    --wa-secondary: #6b7785;
    --wa-dark: #2c3440;
    --wa-danger-hover-bg: #fde8ea;

    --wa-alert-success-bg: #dceee4;
    --wa-alert-success-border: #b8d9c8;
    --wa-alert-success-text: #1e4d35;
    --wa-alert-info-bg: #dceef3;
    --wa-alert-info-border: #b5d8e2;
    --wa-alert-info-text: #1a4a55;

    --wa-table-stripe-bg: #f0f3f6;
    --wa-table-hover-bg: #e6ebf0;

    --wa-sidebar-bg: #2c3440;
    --wa-header-bg: #2c3440;
    --wa-header-border: rgba(44, 52, 64, 0.12);
    --wa-user-dropdown-bg: #f7f8fa;
    --wa-user-dropdown-header-bg: #eef1f4;

    --wa-token-row-selected-bg: rgba(61, 106, 138, 0.12);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(61, 106, 138, 0.14) 0%, transparent 55%),
        linear-gradient(135deg, #e4ecf2 0%, #eef2f5 45%, #e8eef2 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #3d6a8a 14%, white);
    --wa-kpi-icon-color: #b0bac6;
    --wa-chart-1: #3d6a8a;
    --wa-chart-2: #5a9a7a;
    --wa-chart-3: #c4a35a;
    --wa-chart-4: #4a8fa0;
    --wa-chart-5: #7a6b9a;
    --wa-chart-6: #b07a5a;
}

/* ------------------------------------------------------------------
   midnight — ミッドナイト（プロ向けダーク）
   ------------------------------------------------------------------ */
[data-wa-theme="midnight"] {
    --wa-color-scheme: dark;
    --wa-btn-close-filter: invert(1) grayscale(100%) brightness(200%);

    --wa-radius-card: 12px;
    --wa-border-width-card: 1px;
    --wa-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.35);
    --wa-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35);
    --wa-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.45);
    --wa-overlay-bg: rgba(0, 0, 0, 0.65);

    --wa-primary: #5b9fd4;
    --wa-primary-dark: #4a8fc4;
    --wa-primary-light: #1e3348;
    --wa-primary-rgb: 91, 159, 212;
    --wa-primary-focus: #7eb4e0;
    --wa-primary-focus-ring: rgba(91, 159, 212, 0.35);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(91, 159, 212, 0.4);
    --wa-accent-border-muted: rgba(91, 159, 212, 0.3);
    --wa-accent-glow: rgba(91, 159, 212, 0.25);
    --wa-accent-start: #4a7fa8;
    --wa-accent-end: #5b9fd4;

    --wa-body-bg: #12181f;
    --wa-surface: #1a222c;
    --wa-surface-muted: #222b36;
    --wa-surface-active-bg: #2a3441;
    --wa-surface-hover-bg: #24303c;
    --wa-header-right-bg: #1a222c;
    --wa-text: #e6edf3;
    --wa-text-muted: #8b9aab;
    --wa-text-dim: #8b9aab;
    --wa-text-on-primary: #ffffff;
    --wa-border-color-default: #3a4654;
    --wa-border-color-emphasis: #4a5666;
    --wa-border-color-subtle: #2a3441;
    --wa-border-dropdown: rgba(255, 255, 255, 0.08);

    --wa-success: #3d9a6a;
    --wa-warning: #d4a017;
    --wa-danger: #e05565;
    --wa-info: #4ab8d0;
    --wa-secondary: #8b9aab;
    --wa-dark: #0f1419;
    --wa-danger-hover-bg: #3a2228;
    --wa-action-yellow: #d4a017;
    --wa-action-yellow-border: #d4a017;

    --wa-alert-success-bg: #1a3328;
    --wa-alert-success-border: #2a5540;
    --wa-alert-success-text: #8fd4b0;
    --wa-alert-danger-bg: #3a2228;
    --wa-alert-danger-border: #5a3038;
    --wa-alert-danger-text: #f0a0a8;
    --wa-alert-info-bg: #1a3038;
    --wa-alert-info-border: #2a4850;
    --wa-alert-info-text: #8ecfe0;
    --wa-alert-warning-bg: #3a3020;
    --wa-alert-warning-border: #5a4830;
    --wa-alert-warning-text: #e8c878;

    --wa-table-stripe-bg: #1e2732;
    --wa-table-hover-bg: #24303c;
    --wa-table-head-bg: #1a222c;

    --wa-card-header-bg: #222b36;
    --wa-list-card-footer-bg: #1e2732;
    --wa-form-footer-bg: #222b36;
    --wa-modal-footer-bg: #222b36;
    --wa-filter-control-bg: #1a222c;
    --wa-bg-input: #1a222c;

    --wa-sidebar-bg: #0f1419;
    --wa-header-bg: #0f1419;
    --wa-header-border: rgba(255, 255, 255, 0.06);
    --wa-user-dropdown-bg: #1a222c;
    --wa-user-dropdown-header-bg: #222b36;

    --wa-skill-dropzone-bg: #222b36;
    --wa-skill-dropzone-active-bg: #1e3348;
    --wa-token-row-selected-bg: rgba(91, 159, 212, 0.18);
    --wa-kpi-icon-color: #4a5666;

    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(91, 159, 212, 0.16) 0%, transparent 55%),
        linear-gradient(135deg, #1a2835 0%, #1e2732 45%, #18222c 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #5b9fd4 22%, #1a222c);
    --wa-dash-mini-bg: rgba(26, 34, 44, 0.85);
    --wa-dash-mini-border: rgba(58, 70, 84, 0.9);
    --wa-dash-art-block-bg: rgba(91, 159, 212, 0.12);
    --wa-dash-art-block-border: rgba(91, 159, 212, 0.25);
    --wa-dash-att-badge-neutral-bg: #2a3441;

    --wa-chart-1: #5b9fd4;
    --wa-chart-2: #3d9a6a;
    --wa-chart-3: #d4a017;
    --wa-chart-4: #4ab8d0;
    --wa-chart-5: #9a7fd4;
    --wa-chart-6: #d48a5b;
    --wa-chart-empty: #2a3441;
}

/* ------------------------------------------------------------------
   forest — フォレスト（苔緑）
   ------------------------------------------------------------------ */
[data-wa-theme="forest"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 12px;
    --wa-border-width-card: 1px;

    --wa-primary: #3d7a5c;
    --wa-primary-dark: #32664c;
    --wa-primary-light: #e6f2eb;
    --wa-primary-rgb: 61, 122, 92;
    --wa-primary-focus: #7ab898;
    --wa-primary-focus-ring: rgba(61, 122, 92, 0.25);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(61, 122, 92, 0.35);
    --wa-accent-border-muted: rgba(61, 122, 92, 0.25);
    --wa-accent-glow: rgba(61, 122, 92, 0.2);
    --wa-accent-start: #4a8a68;
    --wa-accent-end: #3d7a5c;

    --wa-body-bg: #eef2ef;
    --wa-surface: #ffffff;
    --wa-surface-muted: #e8eee9;
    --wa-header-right-bg: #ffffff;
    --wa-text: #1e2a22;
    --wa-text-muted: #5c6b62;
    --wa-border-color-default: #c5d0c8;
    --wa-border-color-emphasis: #a8b8ae;
    --wa-border-color-subtle: #dde5df;

    --wa-success: #2f6b4a;
    --wa-info: #4a8a9a;
    --wa-secondary: #6b7a70;
    --wa-dark: #243028;

    --wa-table-stripe-bg: #f2f6f3;
    --wa-table-hover-bg: #e6eee9;

    --wa-sidebar-bg: #243028;
    --wa-header-bg: #243028;
    --wa-header-border: rgba(36, 48, 40, 0.12);
    --wa-user-dropdown-bg: #ffffff;
    --wa-user-dropdown-header-bg: #eef2ef;

    --wa-token-row-selected-bg: rgba(61, 122, 92, 0.12);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(61, 122, 92, 0.14) 0%, transparent 55%),
        linear-gradient(135deg, #e2ede6 0%, #eef4f0 45%, #e6efe9 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #3d7a5c 14%, white);
    --wa-kpi-icon-color: #b0c0b6;
    --wa-chart-1: #3d7a5c;
    --wa-chart-2: #5a8aaa;
    --wa-chart-3: #c4a35a;
    --wa-chart-4: #4a9a7a;
    --wa-chart-5: #7a6b9a;
    --wa-chart-6: #b07a5a;
}

/* ------------------------------------------------------------------
   ocean — オーシャン（落ち着きティール）
   ------------------------------------------------------------------ */
[data-wa-theme="ocean"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 12px;
    --wa-border-width-card: 1px;

    --wa-primary: #2a7a8c;
    --wa-primary-dark: #226674;
    --wa-primary-light: #e4f2f5;
    --wa-primary-rgb: 42, 122, 140;
    --wa-primary-focus: #6aadb8;
    --wa-primary-focus-ring: rgba(42, 122, 140, 0.25);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(42, 122, 140, 0.35);
    --wa-accent-border-muted: rgba(42, 122, 140, 0.25);
    --wa-accent-glow: rgba(42, 122, 140, 0.2);
    --wa-accent-start: #3a8a9c;
    --wa-accent-end: #2a7a8c;

    --wa-body-bg: #e9eef1;
    --wa-surface: #ffffff;
    --wa-surface-muted: #e4ebef;
    --wa-header-right-bg: #ffffff;
    --wa-text: #1a2a30;
    --wa-text-muted: #5a6e76;
    --wa-border-color-default: #c0ced4;
    --wa-border-color-emphasis: #a0b4bc;
    --wa-border-color-subtle: #d8e2e6;

    --wa-success: #3d7a5c;
    --wa-info: #3a9ab0;
    --wa-secondary: #6a7e86;
    --wa-dark: #1e2d33;

    --wa-table-stripe-bg: #f0f5f7;
    --wa-table-hover-bg: #e4eef1;

    --wa-sidebar-bg: #1e2d33;
    --wa-header-bg: #1e2d33;
    --wa-header-border: rgba(30, 45, 51, 0.12);
    --wa-user-dropdown-bg: #ffffff;
    --wa-user-dropdown-header-bg: #e9eef1;

    --wa-token-row-selected-bg: rgba(42, 122, 140, 0.12);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(42, 122, 140, 0.14) 0%, transparent 55%),
        linear-gradient(135deg, #dde9ed 0%, #e9f1f4 45%, #e2ecef 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #2a7a8c 14%, white);
    --wa-kpi-icon-color: #a8bcc4;
    --wa-chart-1: #2a7a8c;
    --wa-chart-2: #3d9a6a;
    --wa-chart-3: #c4a35a;
    --wa-chart-4: #4ab0c0;
    --wa-chart-5: #6a7ab0;
    --wa-chart-6: #b07a5a;
}

/* ------------------------------------------------------------------
   sand — サンド（暖色グレー）
   ------------------------------------------------------------------ */
[data-wa-theme="sand"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 12px;
    --wa-border-width-card: 1px;
    --wa-shadow-card: 0 1px 3px rgba(58, 54, 50, 0.08);

    --wa-primary: #8a6a4b;
    --wa-primary-dark: #72563c;
    --wa-primary-light: #f3ebe3;
    --wa-primary-rgb: 138, 106, 75;
    --wa-primary-focus: #b89878;
    --wa-primary-focus-ring: rgba(138, 106, 75, 0.25);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(138, 106, 75, 0.35);
    --wa-accent-border-muted: rgba(138, 106, 75, 0.25);
    --wa-accent-glow: rgba(138, 106, 75, 0.2);
    --wa-accent-start: #9a7a5a;
    --wa-accent-end: #8a6a4b;

    --wa-body-bg: #f0ebe4;
    --wa-surface: #faf7f2;
    --wa-surface-muted: #ebe4da;
    --wa-header-right-bg: #faf7f2;
    --wa-text: #2c2926;
    --wa-text-muted: #6e665c;
    --wa-border-color-default: #d0c6b8;
    --wa-border-color-emphasis: #b8ac9c;
    --wa-border-color-subtle: #e6ded4;

    --wa-success: #5a7a4a;
    --wa-info: #6a8a9a;
    --wa-secondary: #7a7268;
    --wa-dark: #3a3632;
    --wa-danger-hover-bg: #f5e4e0;

    --wa-table-stripe-bg: #f5f0e8;
    --wa-table-hover-bg: #ebe4da;

    --wa-sidebar-bg: #3a3632;
    --wa-header-bg: #3a3632;
    --wa-header-border: rgba(58, 54, 50, 0.12);
    --wa-user-dropdown-bg: #faf7f2;
    --wa-user-dropdown-header-bg: #f0ebe4;

    --wa-token-row-selected-bg: rgba(138, 106, 75, 0.12);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(138, 106, 75, 0.12) 0%, transparent 55%),
        linear-gradient(135deg, #ebe2d6 0%, #f3eee6 45%, #ebe6dc 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #8a6a4b 14%, white);
    --wa-kpi-icon-color: #c0b4a4;
    --wa-chart-1: #8a6a4b;
    --wa-chart-2: #5a7a4a;
    --wa-chart-3: #c4a35a;
    --wa-chart-4: #6a8a9a;
    --wa-chart-5: #8a6a8a;
    --wa-chart-6: #b07a5a;
}

/* ------------------------------------------------------------------
   graphite — グラファイト（中性・ツール感）
   ------------------------------------------------------------------ */
[data-wa-theme="graphite"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 10px;
    --wa-radius-control: 6px;
    --wa-border-width-card: 1px;
    --wa-shadow-card: 0 1px 2px rgba(43, 47, 54, 0.05);

    --wa-primary: #4b5563;
    --wa-primary-dark: #374151;
    --wa-primary-light: #eef0f3;
    --wa-primary-rgb: 75, 85, 99;
    --wa-primary-focus: #9ca3af;
    --wa-primary-focus-ring: rgba(75, 85, 99, 0.25);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(75, 85, 99, 0.35);
    --wa-accent-border-muted: rgba(75, 85, 99, 0.25);
    --wa-accent-glow: rgba(75, 85, 99, 0.2);
    --wa-accent-start: #6b7280;
    --wa-accent-end: #4b5563;

    --wa-body-bg: #f2f3f5;
    --wa-surface: #ffffff;
    --wa-surface-muted: #eaecef;
    --wa-header-right-bg: #ffffff;
    --wa-text: #111827;
    --wa-text-muted: #6b7280;
    --wa-border-color-default: #d1d5db;
    --wa-border-color-emphasis: #9ca3af;
    --wa-border-color-subtle: #e5e7eb;

    --wa-success: #059669;
    --wa-info: #0284c7;
    --wa-secondary: #6b7280;
    --wa-dark: #2b2f36;

    --wa-table-stripe-bg: #f8f9fa;
    --wa-table-hover-bg: #eef0f3;

    --wa-sidebar-bg: #2b2f36;
    --wa-header-bg: #2b2f36;
    --wa-header-border: rgba(43, 47, 54, 0.1);
    --wa-user-dropdown-bg: #ffffff;
    --wa-user-dropdown-header-bg: #f2f3f5;

    --wa-token-row-selected-bg: rgba(75, 85, 99, 0.12);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(75, 85, 99, 0.1) 0%, transparent 55%),
        linear-gradient(135deg, #e8eaed 0%, #f2f3f5 45%, #eceef1 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #4b5563 12%, white);
    --wa-kpi-icon-color: #c0c4cc;
    --wa-chart-1: #4b5563;
    --wa-chart-2: #059669;
    --wa-chart-3: #d97706;
    --wa-chart-4: #0284c7;
    --wa-chart-5: #7c3aed;
    --wa-chart-6: #dc2626;
}

/* ------------------------------------------------------------------
   lavender — ラベンダー（淡い紫グレー）
   ------------------------------------------------------------------ */
[data-wa-theme="lavender"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 12px;
    --wa-border-width-card: 1px;

    --wa-primary: #6b5b8a;
    --wa-primary-dark: #584a72;
    --wa-primary-light: #efeaf5;
    --wa-primary-rgb: 107, 91, 138;
    --wa-primary-focus: #9a8ab8;
    --wa-primary-focus-ring: rgba(107, 91, 138, 0.25);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(107, 91, 138, 0.35);
    --wa-accent-border-muted: rgba(107, 91, 138, 0.25);
    --wa-accent-glow: rgba(107, 91, 138, 0.2);
    --wa-accent-start: #7a6a9a;
    --wa-accent-end: #6b5b8a;

    --wa-body-bg: #f1eef5;
    --wa-surface: #faf8fc;
    --wa-surface-muted: #e8e4f0;
    --wa-header-right-bg: #faf8fc;
    --wa-text: #2a2535;
    --wa-text-muted: #6b6480;
    --wa-border-color-default: #cdc6d8;
    --wa-border-color-emphasis: #b0a8c0;
    --wa-border-color-subtle: #e4e0ec;

    --wa-success: #4a7a5c;
    --wa-info: #5a7a9a;
    --wa-secondary: #7a7488;
    --wa-dark: #2e2a36;

    --wa-table-stripe-bg: #f5f2f9;
    --wa-table-hover-bg: #ebe6f2;

    --wa-sidebar-bg: #2e2a36;
    --wa-header-bg: #2e2a36;
    --wa-header-border: rgba(46, 42, 54, 0.12);
    --wa-user-dropdown-bg: #faf8fc;
    --wa-user-dropdown-header-bg: #f1eef5;

    --wa-token-row-selected-bg: rgba(107, 91, 138, 0.12);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(107, 91, 138, 0.12) 0%, transparent 55%),
        linear-gradient(135deg, #e6e0f0 0%, #f1eef5 45%, #ebe6f2 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #6b5b8a 14%, white);
    --wa-kpi-icon-color: #b8b0c8;
    --wa-chart-1: #6b5b8a;
    --wa-chart-2: #4a7a5c;
    --wa-chart-3: #c4a35a;
    --wa-chart-4: #5a7a9a;
    --wa-chart-5: #8a5b8a;
    --wa-chart-6: #b07a5a;
}

/* ------------------------------------------------------------------
   minimal — ミニマルライト（浅サイドバー）
   ------------------------------------------------------------------ */
[data-wa-theme="minimal"] {
    --wa-color-scheme: light;
    --wa-btn-close-filter: none;

    --wa-radius-card: 8px;
    --wa-radius-control: 6px;
    --wa-border-width-card: 1px;
    --wa-shadow-card: none;
    --wa-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --wa-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);

    --wa-primary: #111827;
    --wa-primary-dark: #030712;
    --wa-primary-light: #f3f4f6;
    --wa-primary-rgb: 17, 24, 39;
    --wa-primary-focus: #6b7280;
    --wa-primary-focus-ring: rgba(17, 24, 39, 0.15);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(17, 24, 39, 0.2);
    --wa-accent-border-muted: rgba(17, 24, 39, 0.15);
    --wa-accent-glow: rgba(17, 24, 39, 0.1);
    --wa-accent-start: #374151;
    --wa-accent-end: #111827;

    --wa-body-bg: #fafafa;
    --wa-surface: #ffffff;
    --wa-surface-muted: #f4f4f5;
    --wa-surface-active-bg: #e4e4e7;
    --wa-surface-hover-bg: #f4f4f5;
    --wa-header-right-bg: #ffffff;
    --wa-text: #18181b;
    --wa-text-muted: #71717a;
    --wa-text-on-primary: #ffffff;
    --wa-border-color-default: #e4e4e7;
    --wa-border-color-emphasis: #d4d4d8;
    --wa-border-color-subtle: #f4f4f5;

    --wa-success: #16a34a;
    --wa-info: #2563eb;
    --wa-secondary: #71717a;
    --wa-dark: #18181b;

    --wa-table-stripe-bg: #fafafa;
    --wa-table-hover-bg: #f4f4f5;
    --wa-card-header-bg: #fafafa;

    /* 浅サイドバー：白字前提を全面上書き */
    --wa-sidebar-bg: #ffffff;
    --wa-sidebar-bg-light-30: #e4e4e7;
    --wa-sidebar-link: #52525b;
    --wa-sidebar-link-hover-bg: #f4f4f5;
    --wa-sidebar-link-active-bg: #f4f4f5;
    --wa-sidebar-link-active-text: #18181b;
    --wa-sidebar-icon: #71717a;
    --wa-sidebar-group-label: #a1a1aa;
    --wa-sidebar-group-label-open: #52525b;
    --wa-sidebar-divider: #e4e4e7;
    --wa-system-title-color: #18181b;
    --wa-system-subtitle-color: #71717a;
    --wa-brand-icon-color: #52525b;

    --wa-header-bg: #ffffff;
    --wa-header-border: #e4e4e7;
    --wa-mobile-navbar-bg: #ffffff;
    --wa-user-dropdown-bg: #ffffff;
    --wa-user-dropdown-header-bg: #fafafa;

    --wa-workspace-nav-bg: #ffffff;
    --wa-workspace-nav-link: #52525b;
    --wa-workspace-nav-link-active: #18181b;

    --wa-token-row-selected-bg: rgba(17, 24, 39, 0.08);
    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(17, 24, 39, 0.04) 0%, transparent 55%),
        linear-gradient(135deg, #f4f4f5 0%, #fafafa 50%, #f4f4f5 100%);
    --wa-dash-welcome-border: #e4e4e7;
    --wa-dash-mini-bg: #ffffff;
    --wa-dash-mini-border: #e4e4e7;
    --wa-dash-art-block-bg: rgba(0, 0, 0, 0.03);
    --wa-dash-art-block-border: #e4e4e7;
    --wa-kpi-icon-color: #d4d4d8;
    --wa-chart-1: #18181b;
    --wa-chart-2: #16a34a;
    --wa-chart-3: #ca8a04;
    --wa-chart-4: #2563eb;
    --wa-chart-5: #7c3aed;
    --wa-chart-6: #dc2626;
}

/* ------------------------------------------------------------------
   zinc — ジンクダーク（亜鉛グレー + 弱い青）
   ------------------------------------------------------------------ */
[data-wa-theme="zinc"] {
    --wa-color-scheme: dark;
    --wa-btn-close-filter: invert(1) grayscale(100%) brightness(200%);

    --wa-radius-card: 10px;
    --wa-border-width-card: 1px;
    --wa-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4);
    --wa-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
    --wa-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.5);
    --wa-overlay-bg: rgba(0, 0, 0, 0.7);

    --wa-primary: #3f8cff;
    --wa-primary-dark: #2f7aeb;
    --wa-primary-light: #1a2740;
    --wa-primary-rgb: 63, 140, 255;
    --wa-primary-focus: #6ba6ff;
    --wa-primary-focus-ring: rgba(63, 140, 255, 0.35);
    --wa-accent: var(--wa-primary);
    --wa-accent-hover: var(--wa-primary-dark);
    --wa-accent-muted: rgba(63, 140, 255, 0.4);
    --wa-accent-border-muted: rgba(63, 140, 255, 0.3);
    --wa-accent-glow: rgba(63, 140, 255, 0.25);
    --wa-accent-start: #52525b;
    --wa-accent-end: #3f8cff;

    --wa-body-bg: #09090b;
    --wa-surface: #18181b;
    --wa-surface-muted: #27272a;
    --wa-surface-active-bg: #3f3f46;
    --wa-surface-hover-bg: #27272a;
    --wa-header-right-bg: #18181b;
    --wa-text: #fafafa;
    --wa-text-muted: #a1a1aa;
    --wa-text-dim: #a1a1aa;
    --wa-text-on-primary: #ffffff;
    --wa-border-color-default: #3f3f46;
    --wa-border-color-emphasis: #52525b;
    --wa-border-color-subtle: #27272a;
    --wa-border-dropdown: rgba(255, 255, 255, 0.08);

    --wa-success: #22c55e;
    --wa-warning: #eab308;
    --wa-danger: #ef4444;
    --wa-info: #38bdf8;
    --wa-secondary: #a1a1aa;
    --wa-dark: #09090b;
    --wa-danger-hover-bg: #3f1a1a;
    --wa-action-yellow: #eab308;
    --wa-action-yellow-border: #eab308;

    --wa-alert-success-bg: #14291c;
    --wa-alert-success-border: #1e3d28;
    --wa-alert-success-text: #86efac;
    --wa-alert-danger-bg: #3f1a1a;
    --wa-alert-danger-border: #5a2222;
    --wa-alert-danger-text: #fca5a5;
    --wa-alert-info-bg: #0c2230;
    --wa-alert-info-border: #1a3a4a;
    --wa-alert-info-text: #7dd3fc;
    --wa-alert-warning-bg: #2a2410;
    --wa-alert-warning-border: #3f3618;
    --wa-alert-warning-text: #fde047;

    --wa-table-stripe-bg: #1c1c1f;
    --wa-table-hover-bg: #27272a;
    --wa-table-head-bg: #18181b;

    --wa-card-header-bg: #27272a;
    --wa-list-card-footer-bg: #1c1c1f;
    --wa-form-footer-bg: #27272a;
    --wa-modal-footer-bg: #27272a;
    --wa-filter-control-bg: #18181b;
    --wa-bg-input: #18181b;

    --wa-sidebar-bg: #18181b;
    --wa-header-bg: #18181b;
    --wa-header-border: rgba(255, 255, 255, 0.06);
    --wa-user-dropdown-bg: #18181b;
    --wa-user-dropdown-header-bg: #27272a;

    --wa-skill-dropzone-bg: #27272a;
    --wa-skill-dropzone-active-bg: #1a2740;
    --wa-token-row-selected-bg: rgba(63, 140, 255, 0.18);
    --wa-kpi-icon-color: #52525b;

    --wa-dash-welcome-bg:
        radial-gradient(ellipse 80% 120% at 100% 0%, rgba(63, 140, 255, 0.12) 0%, transparent 55%),
        linear-gradient(135deg, #141418 0%, #18181b 45%, #121214 100%);
    --wa-dash-welcome-border: color-mix(in srgb, #3f8cff 20%, #18181b);
    --wa-dash-mini-bg: rgba(24, 24, 27, 0.9);
    --wa-dash-mini-border: rgba(63, 63, 70, 0.9);
    --wa-dash-art-block-bg: rgba(63, 140, 255, 0.1);
    --wa-dash-art-block-border: rgba(63, 140, 255, 0.22);
    --wa-dash-att-badge-neutral-bg: #27272a;

    --wa-chart-1: #3f8cff;
    --wa-chart-2: #22c55e;
    --wa-chart-3: #eab308;
    --wa-chart-4: #38bdf8;
    --wa-chart-5: #a78bfa;
    --wa-chart-6: #fb7185;
    --wa-chart-empty: #27272a;
}