@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

/* MightBee Design System v3.1 — tokens.json 정본 값 (Day · Paper).
   종이 + 잉크 + 솔리드 허니. 그라데이션·크림/베이지 틴트 금지. */
:root {
  --bg-page: #ffffff;
  --bg-surface: #ffffff;
  --bg-raised: #f2f2ef;
  --line-soft: #e6e6e3;
  --line-strong: #111111;
  --ink-1: #111111;
  --ink-2: #4d4d4d;
  --ink-3: #6b6b6b;

  --honey-500: #fbbf24;
  --honey-600: #f59e0b;
  --honey-100: #fff4d1;
  --honey-ink: #8a5a00;
  --on-honey: #111111;

  --petal-300: #f4a3b0;
  --petal-100: #fde4e8;
  --petal-ink: #b23a55;

  --bg-hud: #111111;
  --bg-hud-cell: #222222;
  --hud-track: #3a3a3a;
  --on-hud: #ffffff;
  --on-hud-2: #bdbdbd;

  --state-success: #157049;
  --state-info: #2558b0;
  --state-danger: #b42343;

  --bubble-self: var(--honey-500);
  --bubble-other: var(--bg-surface);
  --bubble-system: var(--bg-raised);

  --scrim: rgba(17, 17, 17, 0.6);
  --focus-ring: #111111;

  --font-display: "Fredoka", "Pretendard", "Noto Sans KR", system-ui, sans-serif;
  --font-sans: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  --size-touch: 44px;
  --size-control: 48px;
  --size-icon: 20px;
  --size-gutter: 16px;

  --shadow-sticker: 0 3px 0 #111111;
  --shadow-float: 0 12px 28px -14px rgba(17, 17, 17, 0.28);
}