/* 클래스픽 디자인 토큰 — 기준: docs/DESIGN.md
   그누보드: theme/classpick/css/tokens.css */
:root{
  /* 잉크(무채색) */
  --ink-900:#18181B; --ink-800:#27272A; --ink-700:#3F3F46; --ink-600:#52525B; --ink-500:#71717A;
  --ink-400:#A1A1AA; --ink-300:#D4D4D8; --ink-200:#E4E4E7; --ink-100:#F4F4F5; --ink-50:#FAFAFA;
  --bg:#FFFFFF; --bg-subtle:#F6F7F6;

  /* 라임 */
  --lime:#C5F530; --lime-strong:#B1E01A; --lime-soft:#F1FBD2; --lime-ink:#4D7C0F; --lime-deep:#3F6212;

  /* 플레이어 다크 */
  --dark-900:#0E100F; --dark-800:#181B19; --dark-700:#242826; --dark-600:#343936;
  --dark-text:#F4F4F5; --dark-text-2:#A1A1AA; --dark-text-3:#71717A;

  /* 상태 */
  --success:#15803D; --success-bg:#DCFCE7;
  --warn:#B45309;    --warn-bg:#FEF3C7;
  --danger:#DC2626;  --danger-bg:#FEE2E2;
  --info:#1D4ED8;    --info-bg:#DBEAFE;
  --star:#F59E0B;

  /* 의미 토큰 */
  --text:var(--ink-900); --text-2:var(--ink-600); --text-3:var(--ink-500); --text-disabled:var(--ink-400);
  --border:var(--ink-200); --border-strong:var(--ink-300);
  --primary:var(--ink-900); --primary-hover:#000000; --on-primary:#FFFFFF;
  --accent:var(--lime); --accent-hover:var(--lime-strong); --on-accent:var(--ink-900);

  /* 글꼴 */
  --font:'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 모서리·그림자 */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(24,24,27,.06);
  --sh-2:0 6px 20px rgba(24,24,27,.08);
  --sh-3:0 16px 48px rgba(24,24,27,.14);

  /* 레이아웃 */
  --container:1200px; --gutter:24px;
  --header-h:64px; --demo-h:32px; --tabbar-h:60px;
  --studio-side:240px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (max-width:768px){
  :root{ --gutter:16px; --header-h:56px; }
}