/* ============================================================
   Design Tokens — "컬러풀 일러스트" 비개발자 친화 테마
   밝은 파스텔/비비드 + 말랑한 라운드 + 친근한 무드
   ============================================================ */
:root {
  /* --- Base surfaces --- */
  --bg: #fff8f0;            /* warm cream */
  --bg-2: #fff1e6;          /* slightly deeper cream */
  --surface: #ffffff;
  --ink: #1f2433;           /* near-black, soft */
  --ink-soft: #5b6172;
  --ink-faint: #68707f;
  --line: #efe6db;

  /* --- Playful accent palette --- */
  --coral: #ff6b6b;
  --tangerine: #ff9f43;
  --amber: #ffc93c;
  --teal: #2dd4bf;
  --sky: #38bdf8;
  --indigo: #6366f1;
  --purple: #a855f7;
  --pink: #f472b6;
  --grape: #7c3aed;
  --mint: #34d399;

  /* --- Roadmap 7-stage colors (cool→warm gradient of brightness) --- */
  --stage-1: #94a3b8;   /* 자동완성 */
  --stage-2: #38bdf8;   /* 프롬프트 */
  --stage-3: #2dd4bf;   /* RAG */
  --stage-4: #34d399;   /* Function Calling */
  --stage-5: #a855f7;   /* MCP */
  --stage-6: #f472b6;   /* 에이전트 */
  --stage-7: #ff9f43;   /* 하네스 */

  /* --- Group tints --- */
  --grp-say: #38bdf8;     /* 말한다 */
  --grp-tool: #34d399;    /* 도구 쓴다 */
  --grp-auto: #f472b6;    /* 스스로 굴린다 */

  /* --- Type --- */
  --font: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
          "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* FIXED type scale in the 1280x720 design space — the whole deck is
     transform-scaled, so sizes must be fixed px (vw would double-scale).
     Sized BIG for a lecture-room projector. */
  --fs-hero: 104px;
  --fs-h1: 80px;
  --fs-h2: 56px;
  --fs-lead: 34px;
  --fs-body: 26px;
  --fs-small: 19px;

  /* --- Radius / shadow --- */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;
  --shadow-sm: 0 4px 14px rgba(31,36,51,.07);
  --shadow-md: 0 12px 34px rgba(31,36,51,.10);
  --shadow-lg: 0 28px 70px rgba(31,36,51,.16);
  --shadow-pop: 0 16px 40px rgba(255,107,107,.28);

  /* --- Motion --- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --t-fast: .28s;
  --t-med: .5s;
  --t-slow: .9s;
}