/* ════════════════════════════════════════
   tokens.css — 어드민 셸 디자인 토큰 (스킨 토큰은 skins.css)
   세련 + 영한 무드: 전기 보라 + 핑크 포인트
════════════════════════════════════════ */
:root{
  --brand:#6d5efc;
  --brand-2:#ff6ec7;
  --brand-3:#2dd4bf;
  --ok:#34d399;
  --warn:#fbbf24;
  --danger:#fb7185;

  --r-sm:10px;
  --r-md:16px;
  --r-lg:22px;
  --r-xl:30px;

  --ease:cubic-bezier(.22,1,.36,1);
  --shadow:0 18px 50px -20px rgba(0,0,0,.55);

  --font-display:'Space Grotesk',sans-serif;
  --font-body:'Inter','Plus Jakarta Sans',sans-serif;
}

/* ── 다크(기본) — 미드나잇 인디고: 순수 검정 대신 또렷한 보라빛 인디고 ── */
:root[data-theme="dark"]{
  --bg:#121327;
  --bg-2:#1a1c38;
  --surf:#1e2142;
  --surf-2:#282c52;
  --surf-3:#343a66;
  --line:rgba(180,184,255,.13);
  --line-2:rgba(180,184,255,.22);
  --txt:#f4f4fc;
  --txt-2:#c8caea;
  --sub:#9094bf;
  --glow:rgba(124,109,255,.5);
  --shadow:0 24px 64px -22px rgba(0,0,0,.72);
}

/* ── 라이트 ── */
:root[data-theme="light"]{
  --bg:#f5f5fb;
  --bg-2:#ececf6;
  --surf:#ffffff;
  --surf-2:#f6f6fc;
  --surf-3:#eeeef6;
  --line:rgba(12,12,40,.08);
  --line-2:rgba(12,12,40,.14);
  --txt:#141422;
  --txt-2:#43435a;
  --sub:#8585a0;
  --glow:rgba(109,94,252,.28);
  --shadow:0 18px 50px -24px rgba(40,30,120,.30);
}