/* ANDTHEBEE — design tokens (DESIGN.md §2) */
:root{
  /* brand */
  --atb-blue-900:#1D3590;
  --atb-blue-500:#5568B6;
  --atb-teal:#64C8C6;
  --atb-lime:#E0FF40;
  --atb-gray:#ECECEC;
  --atb-black:#010101;
  --atb-blue-grad:linear-gradient(160deg,#5568B6 0%,#1D3590 100%);
  /* derived */
  --ink:#111111;
  --ink-2:#555555;
  --ink-3:#8A8A8A;
  --line:#E2E2E2;
  --surface:#FFFFFF;
  --surface-2:#F6F6F6;
  --dark:#0B0F1E;
  --dark-2:#131A33;
  --lime-ink:#0F1400;
  --danger:#E5322D;
  /* type */
  --font-kr:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --font-en:"Outfit Variable",Outfit,var(--font-kr);
  --fs-h1:clamp(40px,4.8vw,68px);
  --fs-h2:clamp(30px,4.2vw,56px);
  --fs-h3:clamp(22px,2.4vw,32px);
  --fs-body:17px;
  --fs-small:14px;
  /* layout */
  --max:1280px;
  --gutter:clamp(16px,4vw,64px);
  --radius:20px;
  --pill:999px;
  /* motion */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-expo:cubic-bezier(.16,1,.3,1);
  --dur-micro:.2s;
  --dur-enter:.45s;
  --dur-scene:1s;
  --reveal-dist:12px;
}
@media (max-width:640px){
  :root{--fs-body:16px;--radius:16px;--reveal-dist:10px}
}