/**
 * toE × Admin Glass
 * 管理画面 preview_glass と同じダークガラス + four forces を
 * toE セマンティック（--ink / --card / --bg …）にマッピングする。
 * solid の tokens.css + toe-shell.css のあとに読む。
 * as_of: 2026-07-15
 */

:root,
[data-theme="toe-admin-glass"] {
  /* ── plan8 Admin Glass core ── */
  --bg: #0a0614;
  --bg-2: #120a24;
  --fg: #f7f5f2;
  --dim: #d8d4cc;
  --faint: rgba(247, 245, 242, 0.55);
  --faint-2: rgba(255, 255, 255, 0.4);
  --line: rgba(255, 255, 255, 0.12);
  --line2: rgba(255, 255, 255, 0.1);

  --chaos: #ff4d8d;
  --create: #5ef0c8;
  --cycle: #ffb454;
  --force-link: #9b8cff;
  --grad-force: linear-gradient(
    90deg,
    var(--chaos),
    var(--create),
    var(--cycle),
    var(--force-link)
  );

  /* glass surfaces */
  --glass: rgba(255, 255, 255, 0.04);
  --glass-mid: rgba(255, 255, 255, 0.08);
  --glass-strong: rgba(255, 255, 255, 0.12);
  --glass-edge: rgba(255, 255, 255, 0.16);
  --glass-edge-soft: rgba(255, 255, 255, 0.1);
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --glass-inset-strong: inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.25);

  /* ── toE セマンティック → glass ── */
  --ink: var(--fg);
  --sub: var(--dim);
  --card: var(--glass-strong);
  --fill: rgba(255, 255, 255, 0.08);
  --chrome: #06040e; /* 外側デスクトップ地 */

  --ok: var(--create);
  --ok-soft: rgba(94, 240, 200, 0.14);
  --ok-ink: #9af8dc;
  --warn-bg: rgba(255, 180, 84, 0.16);
  --warn-ink: #ffd09a;
  --warn-bar: var(--cycle);
  --danger: var(--chaos);
  --danger-soft: rgba(255, 77, 141, 0.16);
  --danger-ink: #ff9bc4;
  --info-soft: rgba(155, 140, 255, 0.16);
  --info-ink: #c8beff;
  --sched: var(--force-link);
  --sched-border: rgba(155, 140, 255, 0.35);

  --muted: var(--faint);
  --on-accent: #0a0614;
  --accent: var(--fg);
  --accent-soft: rgba(247, 245, 242, 0.1);

  --soft-green: var(--ok-soft);
  --soft-green-ink: var(--ok-ink);
  --soft-amber: var(--warn-bg);
  --soft-amber-ink: var(--warn-ink);
  --soft-rose: var(--danger-soft);
  --soft-rose-ink: var(--danger-ink);
  --soft-blue: var(--info-soft);
  --soft-blue-ink: var(--info-ink);
  --soft-mist: var(--fill);
  --soft-mist-ink: var(--sub);

  --ai-surface: rgba(155, 140, 255, 0.12);
  --ai-surface-2: rgba(155, 140, 255, 0.18);
  --ai-border: rgba(155, 140, 255, 0.32);
  --ai-ink: #d0c8ff;
  --ai-label-bg: rgba(155, 140, 255, 0.2);
  --ai-label-ink: #e0dbff;
  --ai-user-bubble: rgba(255, 255, 255, 0.1);
  --ai-bot-bubble: rgba(255, 255, 255, 0.08);
  --ai-composer-bg: rgba(12, 8, 24, 0.55);
  --ai-send: var(--fg);
  --ai-send-on: #0a0614;

  --chart-grid: rgba(255, 255, 255, 0.08);
  --chart-series-1: #d8d4cc;
  --chart-series-2: #9b8cff;
  --chart-series-3: #5ef0c8;
  --chart-series-4: #ffb454;
  --chart-series-5: #ff4d8d;

  --r: 18px;
  --r-sm: 14px;
  --r-xs: 12px;
  --r-pill: 999px;
  --r-shell: 32px;

  --font: "Gen Interface JP", -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;

  --blur-bar: 22px;
  --blur-card: 24px;
  --blur-strong: 36px;
  --saturate: 1.4;

  --shadow-card: 0 10px 32px rgba(0, 0, 0, 0.35), var(--glass-inset);
  --shadow-shell: 0 0 0 1px rgba(255, 255, 255, 0.1),
    0 24px 70px rgba(0, 0, 0, 0.45), var(--glass-inset-strong);
  --shadow-float: 0 16px 40px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --shadow-sheet: 0 -16px 48px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --focus-ring: 0 0 0 3px rgba(94, 240, 200, 0.18);
  --hover-ease: 0.16s ease;

  --card-solid: #16102c;
}