/* ===========================================================
   MISO 온보딩 — 디자인 토큰 (Single Source of Truth)
   브랜드: #4A7BFF 코발트 블루 포인트 + 따뜻한 뉴트럴 + 극지 아이스 톤
   컬러·폰트·radius·shadow 변경은 이 파일에서만.
   =========================================================== */

:root {
  /* ---------- Brand ---------- */
  --miso: #4A7BFF;
  --miso-600: #2E62F0;
  --miso-700: #1A47CC;
  --miso-50:  #EEF3FF;
  --miso-100: #DAE5FF;
  --miso-200: #B5C7FF;

  /* ---------- Polar / ice neutrals ---------- */
  --ink-900: #14131A;
  --ink-800: #1F1D2A;
  --ink-700: #2E2B3D;
  --ink-600: #524F65;
  --ink-500: #757286;
  --ink-400: #9C99AC;
  --ink-300: #C7C4D2;
  --ink-200: #E2E0EA;
  --ink-100: #EDECF2;
  --ink-50:  #F6F5F9;

  --paper:    #FCFBFE;
  --ice-50:   #F4F7FB;
  --ice-100:  #E8EEF5;
  --ice-200:  #D5DFEC;

  /* ---------- Step accents (퍼플→인디고→블루 그라데이션) ---------- */
  --hue-0: oklch(0.78 0.10 290);
  --hue-1: oklch(0.78 0.10 280);
  --hue-2: oklch(0.78 0.10 265);
  --hue-3: oklch(0.78 0.10 250);
  --hue-4: oklch(0.78 0.10 235);
  --hue-5: oklch(0.78 0.10 220);
  --hue-6: oklch(0.78 0.10 205);

  /* ---------- Crew colors ---------- */
  --crew-zoey:  #4A7BFF;
  --crew-rocco: #EC4899;
  --crew-jenna: #F09A4B;
  --crew-daisy: #5B7CFA;
  --crew-sre:   #10A6BF;
  --crew-han:   #3DA5FF;

  /* ---------- Status ---------- */
  --ok:    #10B981;
  --warn:  #F59E0B;

  /* ---------- Type ---------- */
  --font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  --font-display: "Space Grotesk", var(--font-sans);

  /* ---------- Radii ---------- */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-2xl: 28px;

  /* ---------- Shadow ---------- */
  --shadow-sm: 0 1px 2px rgba(20, 19, 26, 0.04), 0 1px 1px rgba(20, 19, 26, 0.03);
  --shadow-md: 0 4px 12px -4px rgba(20, 19, 26, 0.08), 0 2px 4px -1px rgba(20, 19, 26, 0.04);
  --shadow-lg: 0 24px 48px -16px rgba(20, 19, 26, 0.12), 0 8px 16px -8px rgba(20, 19, 26, 0.06);
  --shadow-purple: 0 12px 32px -8px rgba(74, 123, 255, 0.32);

  /* ---------- Layout (페이지별 레이아웃 토큰) ---------- */
  --je-sidebar-w: 320px;
  --topbar-h: 60px;
  --topbar-px: 40px;
  --topbar-px-mobile: 18px;
  --je-mobile-fab-size: 40px;
  --je-mobile-fab-gap: 6px;
}